redux-thunk

问题 I am stuck in setting the server-side validation of the redux form. I have a registration form and performing a client-side validation perfectly, but while in server-side validation I am unable to understand how to display the error message from the server with a respective input field. API request const createMemberRegistration = user => { return dispatch => { dispatch({ type: POST_REQUEST }); processMemberRegistration(user) .then(user => { dispatch({ type: REGISTRATION_SUCCESS }); dispatch

问题 I am stuck in setting the server-side validation of the redux form. I have a registration form and performing a client-side validation perfectly, but while in server-side validation I am unable to understand how to display the error message from the server with a respective input field. API request const createMemberRegistration = user => { return dispatch => { dispatch({ type: POST_REQUEST }); processMemberRegistration(user) .then(user => { dispatch({ type: REGISTRATION_SUCCESS }); dispatch

问题 We have a NextJS application using next-redux-wrapper and Redux thunks. We have a page that works fine when we load the page via a local link, that is, it's rendered locally, but when we reload the page, thus rendering it on the server, our store remains (partially) empty: certain fields are never filled. I'm using Redux dev tools to follow the actions, but all I ever see when I reload the page in the list of actions is @@init . When I put log statements in I see -- in the server-side console

问题 I made a SPA with React.js using PersisGate for states to persists but the states dont save after refresh the page. Also i see the LocalStorage at the Application tab (Chrome) and i can see the arrays of initialCart, initialCourses, initialUsers emptys but when i change the states at the pages those arrays that i can see at the LocalStorage stills empty. You can see my code bellow this is index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App

问题 I made a SPA with React.js using PersisGate for states to persists but the states dont save after refresh the page. Also i see the LocalStorage at the Application tab (Chrome) and i can see the arrays of initialCart, initialCourses, initialUsers emptys but when i change the states at the pages those arrays that i can see at the LocalStorage stills empty. You can see my code bellow this is index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App

问题 I'm a bit confused and would love an answer that will help me to clear my thoughts. Let's say I have a backend (nodejs, express etc..) where I store my users and their data, and sometimes I wanna fetch data from the backend, such as the user info after he logs in, or a list of products and save them in the state. My approach so far and what I've seen, I fetch the data before the component loads and dispatch an action with the data from the response. But I recently started digging a bit about

问题 (code from https://redux.js.org/advanced/async-actions) The code setups a redux store and then calls dispatch on the store with some actions. The store use redux-thunk to manage async API calls. Here is the index.js import reduxThunk from 'redux-thunk' const { thunkMiddleware } = reduxThunk; import redux from 'redux'; const { createStore } = redux; const { applyMiddleware } = redux; import { selectSubreddit, fetchPosts } from './actions.js' import rootReducer from './reducers.js' const store

问题 I have an action creator which does an expensive calculation and dispatches an action every time the user inputs something (basically real time updating). However, if the user inputs multiple things, I don't want the prior expensive calculations to fully run. Ideally I want to be able to cancel execution of the previous calculations and just do the current one. 回答1: There's no built-in feature to cancel a Promise in an asynchronous action. You can try manually implement cancellation if you're

问题 how can i get asynchronous reducers data ,i search but didn't get solution Booking component cutPick = () => { this.props.pickup(false); } action creator export function pickup(latlng) { return function (dispatch) { dispatch({type:PICKUP_STATE,payload:latlng}); } } reducer import {PICKUP_STATE} from '../actions/types'; export default function (state={},action) { switch(action.type) { case PICKUP_STATE: return {...state,pickup:action.payload} } return state; } Map component import React from

问题 Uncaught Error: Actions must be plain objects. Use custom middleware for async actions..... Action file: import $ from 'jquery' import { phoneVerify } from '../actions/types' const verifyPhoneAsync = function (verification) { return { type: phoneVerify, payload: verification } } const verifyPhone = function (phone) { $.ajax({ url: 'api', type: 'POST', data: { mobile: phone }, dataType: 'json', success: (data) => { console.log(data) } }) } const verifyOtp = function (phone, otp) { return