Запитання з тегом «react-redux»

У мене є дія, яка оновлює стан сповіщення моєї заявки. Зазвичай це сповіщення буде помилкою чи інформацією. Потім мені потрібно відправити ще одну дію через 5 секунд, яка поверне стан сповіщення до початкового, тому ніякого повідомлення. Основна причина цього - надання функціональності, коли сповіщення автоматично зникає через 5 секунд. Мені …

891 javascript  redux  react-redux  timeout 

Я читав документацію для бібліотеки Redux, і в ній є такий приклад: Крім зчитування стану, компоненти контейнера можуть відправляти дії. Аналогічним чином ви можете визначити функцію, яка називається, mapDispatchToProps()яка отримує dispatch()метод і повертає реквізит зворотного виклику, який ви хочете ввести в презентаційний компонент. Це насправді не має сенсу. Навіщо вам …

358 reactjs  redux  react-redux 

Я будую додаток, який повинен показувати діалог підтвердження в деяких ситуаціях. Скажімо, я хочу щось видалити, тоді я відправлю дію на зразок, deleteSomething(id)щоб якийсь редуктор схопив цю подію і заповнить діалоговий редуктор, щоб показати його. Мої сумніви виникають, коли це діалогове вікно подається. Як цей компонент може відправити належну дію …

240 javascript  modal-dialog  redux  react-redux 

Я намагаюся зрозуміти метод підключення react-redux та функції, які він приймає як параметри. Зокрема mapStateToProps(). Як я це розумію, повернене значення mapStateToPropsбуде об’єктом, отриманим із стану (як він живе в магазині), ключі якого будуть передані вашому цільовому компоненту (компонент Connect застосовується) як реквізит. Це означає, що стан, спожитий вашим цільовим …

220 javascript  reactjs  redux  react-redux 

POSTЗапит axios потрапляє на URL-адресу контролера, але встановлюючи нульові значення для мого класу POJO, коли я переглядаю інструменти розробника в хромі, корисне навантаження містить дані. Що я роблю неправильно? Axios POST Запит: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } axios({ method: 'post', url: '/addUser', data: body }) .then(function …

204 reactjs  react-redux  axios  ajaxform  axios-cookiejar-support 

@connectчудово працює, коли я намагаюся зайти до магазину в межах реагуючого компонента. Але як мені отримати доступ до нього в якомусь іншому біті коду. Наприклад: скажімо, я хочу використовувати маркер авторизації для створення свого екземпляра axios, який можна використовувати в усьому світі в моєму додатку, що було б найкращим способом …

192 reactjs  redux  react-redux 

Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито 2 роки тому . Удосконаліть це питання Випущено React 16.3.0, і API контексту вже не є експериментальною функцією. …

186 javascript  reactjs  redux  react-redux  react-context 

Як додати елементи до мого масиву arr[]стану redux у редуктор? Я роблю це, import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

140 react-native  redux  react-redux 

Я Javascript / redux / реагую новачок, будуючи невелику програму з redux, react-redux, & react. Чомусь при використанні функції mapDispatchToProps в тандемі з підключенням (реакція-скорочення прив'язки) я отримую TypeError, що вказує, що відправка не є функцією, коли я намагаюся виконати отриману опору. Коли я викликаю диспетчер як опору (див. Функцію …

124 javascript  reactjs  redux  react-redux 

Як отримати доступ до стану редуксації у функції саги? Коротка відповідь: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

122 javascript  reactjs  redux  react-redux  redux-saga 

Будучи початківцем у реагуванні світу, я хочу глибоко зрозуміти, що відбувається, коли я використовую, {this.props.children}і які ситуації використовувати для того ж. Яка відповідність у наведеному нижче фрагменті коду? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } }

118 javascript  reactjs  react-redux  frontend 

Я бачу, що функція mapStateToPropsand, mapDispatchToPropsяка передається connectфункції у Redux, приймається ownPropsяк другий аргумент. [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): Для чого необов’язковий [ownprops]аргумент? Я шукаю додатковий приклад, щоб все зрозуміти, оскільки такий вже є в документах Redux

95 redux  react-redux 

Я розбиваю приклад Redux, щоб спробувати зрозуміти його. Я прочитав, що mapDispatchToPropsдозволяє відобразити диспетчерські дії як реквізит, тому я подумав переписати, addTodo.jsщоб використовувати mapDispatchToProps замість виклику диспетчеру (addTodo ()). Я зателефонував addingTodo(). Щось на зразок цього: import React from 'react'; import {connect} from 'react-redux'; import addTodo from '../actions'; let AddTodo …

92 javascript  reactjs  redux  react-redux 

Redux docs для bindActionCreators зазначає, що: Єдиний випадок використання - bindActionCreatorsце коли ви хочете передати деякі творці дій компоненту, який не знає про Redux, і ви не хочете передавати йому відправлення або магазин Redux. Що може бути прикладом, де bindActionCreatorsбуде використано / потрібно? Який компонент не знав би про Redux …

91 reactjs  redux  react-redux 

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

90 reactjs  redux  react-redux