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

У главі Проектування форми стану , документи пропонують зберігати свій стан в об'єкті, введеному за допомогою ідентифікатора: Зберігайте кожну сутність в об’єкті, що зберігається з ідентифікатором як ключем, і використовуйте ідентифікатори для посилання на неї з інших об’єктів або списків. Вони продовжують констатувати Подумайте про стан програми як про базу …

94 javascript  redux  spread-syntax 

Я працюю над проектом в React і зіткнувся з проблемою, яка мене наткнула. Щоразу, коли я запускаю, yarn startя отримую цю помилку: TypeError [ERR_INVALID_ARG_TYPE]: Аргумент "path" повинен бути тип рядка. Отриманий тип не визначений Я поняття не маю, чому це відбувається, якщо хтось це пережив, я був би вдячний.

92 javascript  reactjs  redux  visual-studio-code  yarnpkg 

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

92 reactjs  redux  redux-thunk  redux-promise 

Я розбиваю приклад 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 є: Стан усієї вашої програми зберігається у дереві об’єктів в межах одного сховища. І я насправді думав, що добре розумію всіх директорів. Але мене зараз бентежить, що означає додаток. Якщо додаток означає лише одну з трохи складних частин веб-сайту і працює лише на одній сторінці, я …

92 reactjs  redux  flux 

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

91 reactjs  redux  react-redux 

Я працюю над проектом з Typescript, React та Redux (усі працюють в Electron), і я зіткнувся з проблемою, коли включаю один компонент на основі класу до іншого і намагаюся передавати параметри між ними. Вільно кажучи, у мене є така структура для компонента контейнера: class ContainerComponent extends React.Component<any,any> { .. render() …

91 reactjs  typescript  redux  electron  jsx 

Зазвичай я розміщую матеріали, пов’язані з кодом, на Stack, але це більше питання про те, які загальні думки спільноти. Здається, що багато людей виступають за використання Redux з React для управління даними / станом, але під час читання та вивчення обох я зіткнувся з чимось, що виглядає не зовсім правильно. …

90 javascript  reactjs  redux 

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

90 reactjs  redux  react-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); } }; Я постійно …

90 javascript  reactjs  async-await  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 {color: …

89 javascript  reactjs  redux 

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

87 javascript  reactjs  redux 

Напевно, мені не вистачає чогось дуже очевидного, і я хотів би це очистити. Ось моє розуміння. У компоненті наївної реакції ми маємо states& props. Оновлення stateз setStateповторною візуалізацією всього компонента. propsв основному лише для читання, і їх оновлення не має сенсу. У реакційному компоненті, який передплачує сховище редукцій, через щось …

86 reactjs  redux  react-redux 

У мене є редуктор, і для обчислення нового стану мені потрібні дані з дії, а також дані з частини стану, не керованої цим редуктором. Зокрема, у редукторі, який я покажу нижче, мені потрібен доступ до accountDetails.stateOfResidenceIdполя. InitialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: '', product: '' …

86 javascript  reactjs  redux 

У React стан не оновлюється миттєво, тому ми можемо використовувати зворотний виклик у setState(state, callback). Але як це зробити в Redux? Після виклику this.props.dispatch(updateState(key, value)), мені потрібно негайно зробити щось із оновленим станом. Чи можу я якось викликати зворотний виклик із останнім станом, як те, що я роблю в React?

86 javascript  reactjs  redux