Публикации по теме 'react-redux'
React: How to - руководство на примере
Github.com/brunolm/react-how-to - это репозиторий, который на примере показывает, как что-то делать.
Каждый запрос на слияние в этом репозитории представляет собой полное руководство о том, как что-то сделать. Например, если вы хотите добавить redux в свой проект, вы можете просто отметить этот запрос на слияние и просмотреть некоторые инструкции и все необходимые изменения.
Если вы хотите настроить тесты, отметьте этот Pull Request .
Лучше, чем просто читать некоторые..
Redux Toolkit — Простой пример рабочего процесса
Это продолжение предыдущей статьи под названием Redux — взгляд с высоты птичьего полета , в которой я представил общий обзор redux.
В этой статье мы рассмотрим очень простой рабочий процесс использования Redux в приложении React с использованием рекомендованного Redux Toolkit .
Чтобы продолжить, вы можете клонировать этот проект и перейти в начальную папку.
git clone [email protected] :abongsjoel/redux-toolkit.git
cd redux-toolkit/
cd starter/
npm install
npm start
В проекте..
Redux —Кратко о ключевых понятиях.
Короткая заметка о Redux, контейнере с предсказуемым состоянием для приложений JavaScript.
Когда я перешел от простого ванильного JavaScript к интерфейсной библиотеке React, быстро появилось много новых концепций, а затем, когда я попал в Redux, в мой мозг вывалились дополнительные уроки. Я в основном скопировал примеры кода, чтобы впервые использовать Redux. Но когда я сделал шаг назад, попытался сначала понять ключевые концепции Redux, а затем повторил то же самое с React, Redux..
Как настроить Redux с React (2020)
Redux , пожалуй, самая популярная глобальная библиотека управления состоянием для реагирования. Это устраняет проблему бурения и позволяет управлять состоянием приложения масштабируемым образом.
Достаточно введения, теперь давайте настроим его в проекте React!
Примечание. В этой статье предполагается, что вы понимаете основы redux. В противном случае, пожалуйста, проверьте документацию redux , прежде чем двигаться дальше.
Какова цель этого блога?
Понять и..
React-Redux Tutorial для начинающих 2018 с передовыми версиями простых примеров
Оригинальная статья по адресу: https://medium.com/@zhengyang_72813/react-redux-tutorial-for-beginners-2018-with-cutting-edge-versions-of-simple-examples-f1b20e93bdf6
В последнее время много новых выпускников просто написали мне по электронной почте и спросили, с чего начать изучение React-Redux . Они упомянули сложность поиска учебника с простым демонстрационным кодом и объяснением, в то время как большинство существующих руководств сосредоточены на концепциях Redux, которые очень..
Вопросы по теме 'react-redux'
Как отправить реквизиты в подчиненный компонент с помощью React-Router и React-Redux?
Я создаю веб-сайт с помощью React + React-Router и React-redux. Это мой магазин и редуктор:
const defaultState = {
posts: [{key:0, title: 'Default post', text: 'Every visitor is welcome!'}]
};
const store = createStore(
(state =...
1512 просмотров
schedule
06.10.2023
Редуктор Redux не изменяет следующее хранилище состояний
вот мое маленькое приложение для чата в redux-react, и у меня проблема с редуктором, который не меняет следующее хранилище состояний.
https://github.com/arammkr/chat-redux/blob/master/src/reducers/user.js#L23...
643 просмотров
schedule
13.03.2024
Redux, React, Typescript: Connect возвращает класс представления, которому требуются реквизиты
У меня есть такой пример:
import * as React from "react";
import { connect } from 'react-redux';
interface IMessage {
message : string;
}
class SayMessage extends React.Component<IMessage, {}>{
render () {
return...
2271 просмотров
schedule
10.10.2023
как и когда вызывать методы компонента реакции после изменения состояния из избыточности
В одном реагирующем компоненте пользователь нажимает кнопку =>, которая вызывает метод => запускает действие => асинхронная выборка => редуктор обновляет состояние => компонент получает новые реквизиты.
обратно в исходный компонент, вызвавший...
12699 просмотров
schedule
17.11.2022
На что ссылаются ref и node в react-redux?
Я изучаю react-redux из документов и не понимаю, что ниже значит. К чему относится реферальная часть? А узел? Насколько я вижу, эта ссылка нигде не используется. Ссылается ли ссылка на узел дочернего компонента (вход) в DOM после его...
6349 просмотров
schedule
27.02.2024
повторно использовать избыточные редукторы и действия
Допустим, у меня есть редуктор раздела для хранения данных раздела.
const initialState = {
data: [],
section: ''
};
const sectionReducer = function(state = initialState, action) {
switch(action.type) {
case types.IMPORT_DATA_SUCCESS:...
902 просмотров
schedule
20.10.2022
Заменить символ в массиве и вернуть результат в тот же массив
Я извлекаю некоторые данные из службы REST. Данные сохраняются в this.props.message . В this.props.message мне нужно заменить все "." с "," в offerRate , prevRate и rate , а затем сохраните данные обратно в this.props.message ....
85 просмотров
schedule
20.03.2024
Предупреждение React Unknown Prop
Я пытался отобразить элемент DOM с опорой, но моя попытка не распознается React как допустимый атрибут/свойство DOM.
Поэтому я начал искать решение и нашел этот источник в документации React Warning . Однако, хотя я хорошо объяснил, у меня есть...
1329 просмотров
schedule
03.07.2022
Обработка многих сущностей в Redux без повторения
Я создаю приложение React + Redux, но не знаю, как работать с этим редуктором.
Следуя примеру real-word , я использую следующий код для хранения моих сущностей.
// Updates an entity cache in response to any action with response.entities....
322 просмотров
schedule
13.11.2022
Как обрабатывать отдельное состояние для каждой вкладки браузера в reactjs?
Мы открываем новую вкладку окна, которая содержит список пользователей на основе выбранного идентификатора пользователя из списка. Я открываю новое окно вот так:
this.props.getVisitDetails(this.props.userId)
var win =...
2937 просмотров
schedule
05.02.2024
как использовать помощник Immutability для обновления вложенного объекта в массиве?
Внутри редьюсера с учетом объекта состояния:
var state = {
"data": [{
"subset": [{
"id": 1
}, {
"id": 2
}]
}, {
"subset": [{
"id": 10...
18695 просмотров
schedule
14.07.2022
React-Redux-Form сохраняет данные для поддержки из onChange
Я новый response-redux, и я пытаюсь сохранить для поддержки значение, введенное из текстового поля response-redux-form, используя событие onChange, которое можно передать другому компоненту
Мой фрагмент кода для текстового поля...
1603 просмотров
schedule
14.11.2022
Как отложить изменения состояния редукции, чтобы учесть побочный эффект в компоненте реакции
Извините за такое расплывчатое название. Лучший способ объяснить мой вопрос может быть примером.
У меня есть элементы в редуксе, и список отображается в компоненте реакции с использованием стандартных компонентов, связанных с реакцией-редукцией....
2012 просмотров
schedule
15.01.2024
Отправка действия Redux в React
Я пытаюсь получить тестовый API, используя FetchAPI и Redux.
Проблема заключается в действии избыточности отправки.
Вот мой код:
ProductList.js
import React, { Component } from 'react';
import { bindActionCreators } from 'redux';
import {...
385 просмотров
schedule
15.12.2023
Полезная нагрузка действия React Redux не находится в компонентеDidMount
У меня есть создатель действия, который я вызываю в componentWillMount, возврат полезной нагрузки этого действия назначается состоянию с помощью setState. Однако в componentDidMount я не могу получить доступ к этому свойству, так как асинхронный...
797 просмотров
schedule
13.07.2022
Как в проекте React / Redux сообщить Typescript о свойстве, переданном декоратором подключения redux?
Учитывая следующие компоненты, я получаю сообщение об отсутствии атрибута isUpdating . Как мне это исправить?
Ошибка: (87, 27) TS2322: Введите '{имя: "Фред"; } 'не может быть назначен типу' IntrinsicAttributes & IntrinsicClassAttributes> &...
340 просмотров
schedule
18.08.2022
Как получить значения параметров в mapStateToProps с помощью react-router v4?
Я использую react-router v4, react-router-dom, redux и react-redux, чтобы заставить мое приложение работать. Но когда я хочу получить идентификатор колоды, я не могу получить параметры, в аргументе ownProps есть только дочерние элементы.
Мой...
1054 просмотров
schedule
16.11.2022
Reactjs - Redux: очистка форм без редукционной формы
Я новичок в редукции и делаю компонент без использования редукционной формы. Есть ли способ очистить любые формы без использования редукционной формы? Например, я ввожу abcd и нажимаю кнопку отправки, если отправка прошла успешно, поле ввода...
551 просмотров
schedule
18.05.2024
Redux не выполняет повторную визуализацию компонентов React, даже если хранилище обновлено
Привет, я новичок в Redux, и я использую React и Redux, чтобы попытаться создать пользовательский интерфейс, в котором я могу перетаскивать файлы (в данном случае счета-фактуры) в часть пользовательского интерфейса, отображать их в списке, а затем...
551 просмотров
schedule
27.11.2023
Как пропустить нуль при отображении карты? JSX
Я новичок в ReactJs/Redux и JSX. У меня есть динамическая таблица с динамической информацией.
У меня проблема с картой. У меня есть 2 уровня карты:
<tbody>
{
data.map(row => (
<tr key={`${row.type}`}>...
7565 просмотров
schedule
07.11.2022
