redux- все статьи тега


Секретные материалы: тайная сторона Redux становится явной ?

В процессе создания всё более сложных и крупных приложений в React начинаешь понимать, что управление общим состоянием всего приложения невозможно только при помощи класса React.Component, использующего конструктор constructor() с вызовом setState(). Нам нужен контейнер состояний, такой как Redux, чтобы можно было запустить его в разных средах, це...

React Redux-почему mapStateToProps вызывается раньше конструктора?

Два вопроса: Почему mapStateToProps вызывается перед конструктором? Как побочный эффект 1 constructor (props) { base(props) // props already have values from "mapStateToTprops" } Почему это делается автоматически? Не каждый mapStateToProps вызывает ComponentWillReceiveProps (это тот случай, когда он загружается в первый раз) смотрите эту ссылку Введите описание ссылки здесь Обновление 1 Если я хочу написать условие типа: if (props.isAuthenticated) { browserHisto ...

Вручную установите поле redux-form и / или ошибки формы

Я знаю, что если вы бросите SubmissionError из своей функции handleSubmit(), код redux-form заполнит ошибки соответствующих полей и/или самой формы. Тем не менее, этот API установки ошибок поля/формы, тесно связывает нашу реализацию handleSumbit(), чтобы быть вызывающим кодом redux-form (который содержит обработчик исключений SubmissionError). Мой вариант использования должен быть примерно таким: function asyncActionDispatcher(values) { return (dispatch ...

React Router способен выполнять маршрутизацию только при запуске с корневого url-адреса

У меня есть приложение React, которое также использует Redux и ReactRouter. Моя проблема заключается в следующем: Когда я запускаю приложение и иду к корневому url, я обычно могу перемещаться внутри приложения, и маршруты в навигационной панели будут меняться по мере перемещения. Однако, если я наберу в навигационной панели любой url, отличный от корневого, я получу странную ошибку: Я действительно не понимаю, как можно получить такую ошибку. Если я пойду для localhost:1337/, а затем наж ...

react / redux action creator возвращает неопределенное значение, когда больше одной полезной нагрузки

Эй, я уже несколько дней пытаюсь это выяснить. Я хочу иметь в редукторе две части информации, идентификатор и json, который получает, однако то, что я пытался до сих пор, кажется, не работает, любая помощь в этом была бы очень признательна. Это корневой индекс.js файл, который использует redux-multi: import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import { createStore, applyMiddleware } from 'redux'; import { BrowserRouter, Route, Switch } ...

Redux не обновляет компоненты при обновлении свойств глубокого неизменяемого состояния

Мой вопрос: почему обновление свойства объекта в массиве в моем неизменяемом состоянии (Map) не вызывает Redux для обновления моего компонента? Я пытаюсь создать виджет, который загружает файлы на мой сервер, и мое начальное состояние (из моего UploaderReducer, который вы увидите ниже) объекта выглядит следующим образом: let initState = Map({ files: List(), displayMode: 'grid', currentRequests: List() }); У меня есть метод thunk, который запускает загрузку и отправляет действия, когда ...

Что хранить в ngrx / store при использовании angularfire2?

Я начинаю изучать angular2 и пошел ва-банк с ngrx/store (у меня нет предыдущего exp с redux) и firebase app. Теперь я не могу понять, как хранить объекты firebase, массивы и прочее в магазине. Должен ли я положить их так, как есть, например, положить этот FirebaseListObservable в магазин af.database.list('/items')? Это выглядит как хорошая подгонка (компонент мог бы просто сделать магазин.select ('items') и template могли бы подписаться на это, и для мутаций я все еще могу запускать события в ма ...

Каковы недостатки использования одного большого компонента React?

Каковы недостатки использования одного большого компонента React? У меня есть глубокий опыт использования webpack, browserify, AngularJS, ES6, NPM и других подобных веб-фреймворков. Я новичок, чтобы реагировать. Я хочу создать одностраничное приложение в React. Я не хочу и не нуждаюсь в тестировании. Мне не нужны друзья по команде, чтобы работать. Мне нужно только сделать разработку продукта как можно быстрее. Сделай так, чтобы все работало. Вы можете назвать его MVP. Вы можете назвать его тип ...

Как работает connect без mapDispatchToProps

Я читал пример docs для redux и нашел этот пример компонента контейнера. Может кто-нибудь объяснить, почему в данном случае mapDispatchToProps здесь не нужен. Кроме того, как функция получает функцию диспетчеризации? import React from 'react' import { connect } from 'react-redux' import { addTodo } from '../actions' let AddTodo = ({ dispatch }) => { let input return ( <div> <form onSubmit={e => { e.preventDefault() if (!input.value.trim()) { ...

React-redux: должен ли рендер всегда происходить в том же ТИКе, что и отправка действия?

В моем приложении react-redux есть управляемый ввод текста. Каждый раз, когда компонент изменяет значение, он отправляет действие, и в конце концов значение возвращается через цикл redux и визуализируется. В приведенном ниже примере это работает хорошо, но на практике я столкнулся с проблемой, когда рендеринг происходит асинхронно из диспетчера действий, и ввод теряет позицию курсора. Чтобы продемонстрировать проблему, я добавил еще один вход с задержкой, явно введенной. Добавление a пробел в с ...

Реагировать родной ошибку "возвращение" зажечь "непойманный при регистрации" с использованием API

Здравствуйте, я все еще новичок в react native, я запутался, как использовать react redux специально для шаблона ignite. Я следую этот учебник https://medium.com/skyshidigital/interaksi-api-dengan-ignite-react-native-f83bf35a23f5. Это мой последний ошибка "неперехваченное при регистрации", "взять(patternOrChannel): patternOrChannel неопределено". Пожалуйста, помогите мне сказать, где находится часть моих кодов, которые дают мне ошибку. Api.js: // a library to wrap and simplify api calls impor ...

Работа с вложенными ролей и разрешений в реагируют возвращение

Мой вопрос больше о том, как вы получаете список ролей для вашего приложения React для приложения, в котором пользователь может иметь вложенный набор ролей и разрешений. Вы отправляете весь список разрешений/дерево для пользователя вперед, когда они входят в систему, а затем прячете это, чтобы вы могли повторить его после этого? Например, предположим, что пользователь находится в роли 1 и роль 1 имеет набор разрешений, но они также находятся в нескольких других ролях или могут даже быть подр ...

Создание таблицы с удаленной сортировкой, разбиением на страницы, фильтрацией

Я действительно Новичок в react / redux. Я прочитал и изучил всю документацию и примеры, теперь я пытаюсь создать таблицу (не фиксированную-data-table), чтобы данные, собранные с сервера, позволяли мне выполнять подкачку, сортировку и фильтрацию контента. К сожалению, я понятия не имею, как действовать дальше, и не могу найти примеров, полезных для понимания того, как это сделать. Есть кто-то, кто мог бы дать мне несколько примеров для того, чтобы построить эти компоненты и что они могут ...

Зачем нам нужно промежуточное программное обеспечение для асинхронного потока в Redux?

согласно документам, "без промежуточного по Redux store поддерживает только синхронный поток данных". Я не понимаю, почему это так. Почему компонент контейнера не может вызвать асинхронный API, а затем dispatch действия? например, представьте себе простой интерфейс: поле и кнопка. Когда пользователь нажимает кнопку, поле заполняется данными с удаленного сервера. import * as React from 'react'; import * as Redux from 'redux'; import { Provider, connect } from 'react-redux'; const ActionTyp ...

Что такое ' @ ' (символ at)в декораторе Redux @connect?

Я изучаю Redux с React и наткнулся на этот код. Я не уверен, что это возвращение конкретное или нет, но я видел следующий фрагмент кода в одном из примеров. @connect((state) => { return { key: state.a.b }; }) в то время как функциональность connect довольно просто, но я не понимаю @ до connect. Это даже не оператор JavaScript, если я не ошибаюсь. может кто-нибудь объяснить, пожалуйста, что это и почему это использовали? обновление: Это на самом деле часть react-redux который ис ...

Понимание React-Redux и mapStateToProps()

Я пытаюсь понять метод подключения react-redux и функции, которые он принимает в качестве параметров. В частности mapStateToProps(). Как я понимаю, возвращаемое значение mapStateToProps будет объект, производный от состояния (как он живет в хранилище), ключи которого будут переданы в целевой компонент (компонент connect применяется к) в качестве реквизитов. это означает, что состояние, потребляемое вашим целевым компонентом, может иметь совершенно другую структуру состояние, как оно хранится в ...

React + Redux-каков наилучший способ обработки CRUD в компоненте формы?

у меня есть одна форма, которая используется для создания, чтения, обновления и удаления. Я создал 3 компонента с той же формой, но я передаю им разные реквизиты. Я получил CreateForm.js, ViewForm.js (только для чтения с помощью кнопки Удалить) и UpdateForm.js. раньше я работал с PHP, поэтому я всегда делал это в одной форме. Я использую React и Redux для управления магазином. когда я нахожусь в компоненте CreateForm, я передаю своим подкомпонентам этот реквизит createForm={true} чтобы не ...

Где писать в localStorage в приложении Redux?

Я хочу сохранить некоторые части моего дерева состояний в localStorage. Каково подходящее место для этого? Редуктор или действие? ...

Почему используйте Redux-наблюдаемые за возвращение-Сага?

Я использовал Redux-Saga. Код, написанный с ним, легко рассуждать до сих пор, за исключением того, что функция генератора JS время от времени путается в моей голове. Из моего понимания,Redux-Observable может достичь аналогичной работы, которая обрабатывает побочные эффекты, но без использования функции генератора. однако документы из Redux-Observable не дают много мнений о том, почему он превосходит Redux-Saga. Я хотел бы знать, не использует ли генератор функция является единственным преимуще ...

Прочитать начальное состояние магазина в редукторе Redux

начальное состояние в приложении Redux может быть установлено двумя способами: передайте его в качестве второго аргумента createStore ( "документы" по ссылке) передайте его в качестве первого аргумента вашим (суб-)редукторам ( "документы" по ссылке) Если вы передаете начальное состояние в свой магазин, как Вы читаете это состояние из магазина и делаете его первым аргументом в своих редукторах? ...