Вопросы с тегом «redux»

Я разбираю пример задачи Redux, чтобы попытаться понять его. Я читал, что это mapDispatchToPropsпозволяет отображать действия диспетчеризации в качестве свойств, поэтому я подумал о переписывании, addTodo.jsчтобы использовать mapDispatchToProps вместо вызова диспетчеризации (addTodo ()). Я назвал это addingTodo(). Что-то вроде этого: import React from 'react'; import {connect} from 'react-redux'; import addTodo …

95 javascript  reactjs  redux  react-redux 

Я работаю над проектом в React и столкнулся с проблемой, которая поставила меня в тупик. Всякий раз, когда я запускаю, yarn startя получаю эту ошибку: Ошибка типа [ERR_INVALID_ARG_TYPE]: аргумент «путь» должен иметь тип string. Полученный тип не определен Я понятия не имею, почему это происходит, если кто-то испытал это, я …

93 javascript  reactjs  redux  visual-studio-code  yarnpkg 

Насколько я знаю и исправляю меня, если я ошибаюсь, redux-thunk - это промежуточное ПО, которое помогает нам отправлять асинхронные функции и отлаживать значения в самом действии, в то время как, когда я использовал redux-обещание, я не мог создавать асинхронные функции без реализации моих собственных механизм, поскольку действие генерирует исключение отправки …

93 reactjs  redux  redux-thunk  redux-promise 

В документации Redux для bindActionCreators говорится, что: Единственный вариант использования bindActionCreators- это когда вы хотите передать некоторых создателей действий компоненту, который не знает о Redux, и вы не хотите передавать ему диспетчеризацию или хранилище Redux. Какой будет пример, где bindActionCreatorsбудет использоваться / нужен? Какой компонент не знает о Redux ? …

93 reactjs  redux  react-redux 

Я работаю над исследованием одного клиентского приложения средней сложности. На данный момент он написан на чистом javascript, в нем много различных событийно-ориентированных сообщений, соединяющих несколько основных частей этого приложения. Мы решили, что нам нужно реализовать какой-то контейнер состояний для этого приложения в рамках дальнейшего рефакторинга. Раньше у меня был некоторый …

93 javascript  redux  state-machine  xstate 

Первый принцип документации Redux: Состояние всего вашего приложения хранится в дереве объектов в одном хранилище. И мне действительно казалось, что я хорошо понимаю всех руководителей. Но теперь я не понимаю, что означает приложение. Я понимаю, если приложение означает лишь одну из небольших сложных частей на сайте и работает только на …

92 reactjs  redux  flux 

Обычно я размещаю материалы, связанные с кодом, в Stack, но это больше вопрос о том, каковы общие мысли сообщества. Кажется, много людей отстаивают использование Redux с React для управления данными / состоянием, но, читая и изучая и то, и другое, я натолкнулся на кое-что, что выглядит не совсем правильно. Redux …

91 javascript  reactjs  redux 

Я пытаюсь отделить презентационный компонент от компонента контейнера. У меня есть SitesTableи SitesTableContainer. Контейнер отвечает за запуск действий redux для получения соответствующих сайтов на основе текущего пользователя. Проблема в том, что текущий пользователь выбирается асинхронно после того, как компонент контейнера изначально визуализирован. Это означает, что компонент-контейнер не знает, что ему …

90 reactjs  redux  react-redux 

Скажем, у меня есть простой переключатель: Когда я нажимаю кнопку, цветовой компонент меняется с красного на синий. Я мог бы добиться такого результата, сделав что-нибудь вроде этого. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js switch(){ case 'CHANGE_COLOR': return …

89 javascript  reactjs  redux 

Я изо всех сил пытаюсь решить проблему со следующим синтаксисом: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } …

89 javascript  reactjs  async-await  redux 

У меня есть модульные тесты для моего reducers. Однако, когда я отлаживаю в браузере, я хочу проверить, правильно ли были вызваны мои действия и было ли соответствующим образом изменено состояние. Я ищу что-то вроде: window._redux.store ... в браузере, чтобы я мог набрать это на консоли и проверить, как идут дела. …

88 javascript  reactjs  redux 

У меня есть аутентификация токена с сервера, поэтому, когда мое приложение Redux загружается изначально, мне нужно сделать запрос на этот сервер, чтобы проверить, аутентифицирован ли пользователь или нет, и если да, я должен получить токен. Я обнаружил, что использование действий INIT ядра Redux не рекомендуется, поэтому как я могу отправить …

88 reactjs  redux 

Я, вероятно, упускаю что-то очень очевидное и хотел бы очистить себя. Вот мое понимание. В наивном компоненте реакции у нас есть states& props. Обновление stateс setStateповторным оказывает весь компонент. propsв основном предназначены только для чтения, и их обновление не имеет смысла. В компоненте реакции, который подписывается на хранилище redux через …

87 reactjs  redux  react-redux 

В React состояние не обновляется мгновенно, поэтому мы можем использовать обратный вызов в setState(state, callback). Но как это сделать в Redux? После вызова this.props.dispatch(updateState(key, value))мне нужно немедленно что-то сделать с обновленным состоянием. Есть ли способ вызвать обратный вызов с последним состоянием, как то, что я делаю в React?

86 javascript  reactjs  redux 

У меня есть редуктор, и для расчета нового состояния мне нужны данные из действия, а также данные из части состояния, не управляемой этим редуктором. В частности, в редукторе, который я покажу ниже, мне нужен доступ к accountDetails.stateOfResidenceIdполю. initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: '', product: …

86 javascript  reactjs  redux