Публикации по теме 'react-redux'
Понимание Redux
Цель — Минимальный код для понимания избыточного потока.
Посмотреть код в действии в jsbin
Приложение счетчика с двумя кнопками для увеличения и уменьшения количества и меткой для отображения текущего количества.
Компоненты: Добавить — компонент для увеличения значения счетчика на 1 Вычесть — компонент для уменьшения значения счетчика на 1 Результат — метка, показывающая значение счетчика в любой данное время
// Redux react binding
const { connect, Provider } = ReactRedux;..
Как и когда использовать BindActionCreators
Если вы когда-либо использовали Redux с React, вы, вероятно, уже знаете, что компоненты React совершенно не знают о Redux, пока вы не соедините их. Для этого мы используем connect (); функция, предназначенная именно для этого. Однако было бы излишним подключать каждый отдельный компонент к хранилищу Redux. Кажется, что лучше всего подключать компоненты контейнера и передавать эту информацию своим потомкам по мере необходимости. Это можно сделать, сопоставив состояние и действия Redux с..
Использование таблицы с фиксированными данными с настраиваемой разбивкой на страницы и React-Redux
Я работал над проектом, который включал таблицы и настраиваемую разбивку на страницы. Итак, для таблиц я сравнивал фиксированную таблицу facebook и griddle , но почему-то испытал соблазн использовать таблицу фиксированных данных после прочтения обзоров и понимания их функций.
Итак, приступим. Сначала вам нужно установить fixed-data-table. Давайте воспользуемся npm и быстро установим его.
npm install fixed-data-table
import 'fixed-data-table/dist/fixed-data-table.min.css'
Итак,..
Вопросы по теме 'react-redux'
Предупреждение: ошибка propType: необходимая опора `dimensionName` не была указана в `DimensionPicker`. Проверьте метод рендеринга Connect (DimensionPicker)
У меня есть следующий компонент Redux+React
import {PropTypes, React, Component} from 'react';
import Select from 'react-select';
class DimensionPicker extends Component {
componentDidMount() {
const {onLoad} = this.props;...
15470 просмотров
schedule
01.01.2024
Redux: разрешены ли только синхронные вызовы из функций-редукторов?
У меня есть приложение responseJs, и прямо сейчас я изучаю Redux, чтобы использовать его как реализацию Flux.
Я создал магазин, и я создал свою первую функцию-редуктор, но теперь у меня есть несколько вопросов, которые приходят мне в голову,...
1850 просмотров
schedule
24.03.2023
Почему CombineReducers не получает состояние в Redux?
Когда я смотрю на редьюсер, вызываемый через combineReducers , он не получает состояние или действие в аргументах.
Мой файл редукторов таков:
import { combineReducers } from 'redux';
import nav from './reducers/nav';
import pages from...
1284 просмотров
schedule
14.10.2023
Используйте React-intl переведенные сообщения в промежуточном программном обеспечении Redux
Я поддерживаю несколько языков в своем приложении и использую для этого React-intl. У меня есть промежуточное ПО Redux, где я вызываю сервер и в случае ошибки хочу показать ошибку в пользовательском интерфейсе.
Я знаю, что могу сделать что-то...
10259 просмотров
schedule
07.06.2024
Как использовать react-intl 2 с редуксом?
Как использовать injectintl вместе с connect в приложении с использованием react-intl 2.0 и redux. Посмотрите последние две строки моего кода и скажите мне, как это сделать правильно.
import React from 'react';
import { deleteTodo } from...
6943 просмотров
schedule
31.05.2023
Структурирование состояния Redux по домену?
Как следует структурировать состояние Redux при извлечении объектов домена с разными параметрами поиска.
В моем приложении я отображаю список organisations , которые фильтрует пользователь, в виде таблицы. На той же странице я также покажу...
671 просмотров
schedule
17.05.2024
davezuko/react-redux-starter-kit создает конечные точки API nodejs. Как?
Я только начал немного изучать этот шаблонный шаблон reactjs-redux от davezuko, структура которого fractal, и я ищу способ реализовать конечные точки API для извлечения данных из mongodb.
Каковы подходы? Путь - создать новый маршрут и как-то...
242 просмотров
schedule
02.05.2023
Проблемы с использованием действий в презентационном компоненте react-redux
Я новичок в редуксе, и у меня проблемы с презентационными и контейнерными компонентами.
Соответствующий стек:
реагировать v0.14.8
реагировать родной v0.24.1
редукс v3.5.2
реакция-редукс v4.4.5
Проблема:
У меня есть компонент...
214 просмотров
schedule
08.08.2023
Функция инициализации React-redux независимо от изменений состояния
Я действительно не знаю, как описать максимально точно. Мне нужна какая-то функция инициализации после асинхронного вызова, которая будет вызываться только один раз, независимо от того, изменится ли состояние позже.
У меня есть компонент, и когда...
134 просмотров
schedule
28.03.2024
Когда использовать Flux (и т. д.) с React?
Я работал над довольно простым приложением React в качестве учебного процесса и хочу начать использовать Flux (или, что более вероятно, Redux), чтобы продолжить обучение.
Код для реализации решения, подобного Flux, кажется достаточно простым, но...
1072 просмотров
schedule
05.04.2024
Redux соединяет цепочки асинхронных действий
Я пытаюсь настроить redux, react-redux и redux-thunk. Мысли в целом идут хорошо, но у меня есть вопрос о том, как все должно выглядеть при объединении нескольких асинхронных действий вместе.
В частности, у меня есть сценарий, в котором действия...
1785 просмотров
schedule
03.09.2022
Идиоматический способ отправки действия над подкомпонентом в реагирующем редуксе без передачи реквизитов на всем протяжении
В настоящее время я изучаю, как использовать реакцию, редукцию и реакцию-редукцию, и у меня довольно простая потребность. Я хочу сделать что-то похожее на следующее...
--------------------------------
| title 1 |----------| |
|...
924 просмотров
schedule
27.01.2023
Как мне подключить дочерние компоненты reduxForm к состоянию redux?
У меня есть довольно сложная многоуровневая глубокая / вложенная форма, подключенная к React / Redux с использованием _ 1_ . Поскольку форма очень большая, я разбил ее части на дочерние компоненты. Некоторым из этих компонентов требуется доступ к...
2227 просмотров
schedule
29.05.2022
Как получить что-то из состояния / магазина внутри функции redux-saga?
Как мне получить доступ к состоянию редукции внутри функции саги?
Краткий ответ:
import { select } from 'redux-saga/effects';
...
let data = yield select(stateSelectorFunction);
63644 просмотров
schedule
05.01.2024
Ответственность React Redux
Я начал изучать react-redux-immutable пару дней назад и до сих пор не совсем понимаю, как структурировать свое приложение. У меня есть php (фон Symfony/laravel MVC), поэтому мне нелегко понять некоторые концепции javascript.
1) У меня есть строки...
498 просмотров
schedule
17.11.2023
Ошибка неперехваченного типа: не удается прочитать свойство, сохраняющее значение undefined, с каруселью с реактивной загрузкой
Я реализую карусель react-bootsrap с response-redux, и я получаю сообщение об ошибке в заголовке.
Я использую управляемую карусель, и сообщение об ошибке появляется, когда карусель автоматически меняет слайд.
Когда пользователь щелкает пред....
5730 просмотров
schedule
07.09.2023
React-Redux обновляет состояние неизменяемого объекта с вложенным массивом, удаляет элемент из массива
У меня есть следующий объект, из которого я хочу удалить один комментарий.
msgComments = {
comments: [
{ comment:"2",
id:"0b363677-a291-4e5c-8269-b7d760394939",...
968 просмотров
schedule
13.12.2022
Передать неизменяемый список компоненту, требующему массива
Я новичок в реагировании, и из того, что я читал, не рекомендуется использовать .toJS(), так как это повлияет на производительность.
Но я использую сторонний компонент, которому требуется массив в качестве реквизита, но мое состояние установлено...
284 просмотров
schedule
24.01.2023
Невозможно передать начальное состояние через createStore в Redux
Я пытаюсь передать начальное состояние в createStore, но в консоли отображается ошибка / предупреждение.
Unexpected key "blogList" found in initialState argument passed to createStore. Expected to find one of the known reducer keys instead:...
966 просмотров
schedule
22.02.2022
Разработка эффективного редюсера для большого состояния с редуксом
Я использую редукцию с реакцией и машинописью для своего приложения. Я работаю со многими элементами, используемыми в разных местах моего приложения. Мое состояние выглядит так:
{
items: {42: {}, 53: {}, ... }, //A large dictionary of items...
156 просмотров
schedule
22.09.2023
