// redux-thunk
const fetchData = (params) => (dispatch) => {
setTimeout(() => {
dispatch({action: "GET_DATA", payload: 111})
})
} // dispatch
const fetchData = (params) => ({action: "GET_DATA", payload: 111});
setTimeout(() => {
dispatch(fetchData(...))
})
I don"t understand the difference between the two ways.
ask the boss to give an example to illustrate. Thank you very much
the main function of redux-thunk should not be the problem of asynchronous Synchronize. Before you use redux-thunk, you can only dispatch one action object:
dispatch({type:'DO_SOMETHING'})
and after using it, you can dispatch a function
dispatch(function (dispatch) {
$.get('/api/somepath', function(users) {
dispatch({
type: 'FETCH_USERS_SUCCESS',
users: users,
});
});
});
read this
https://stackoverflow.com/que.
roughly means
1, simplifies repetitive this.props.dispatch ()
2, maintains server rendering consistency
3, facilitates unit testing
Previous: Why can't new and old variables be compared in this way in vue?
Next: How the element Custom form component binds validation
update the store data twice in a row, and the second time you will get the original store such as . initState ={ a: , b: }; dispatch(setState(a,1)) dispatch(setState(b,1)) the final state result is { a: , b:1 } if you repla...
when the mapDispatchToProps method is passed into the connect, the dispatch in the component is undefined; when the mapDispatchToProps method is not passed into the connect, the dispatch in the component can be obtained Why does this happen? ...
redux rookie, want to write a demo, with react-redux click login to transfer data index.js: const store = createStore(reducer) ReactDOM.render( ( <Provider store = {store}> <Router> <div> ...
suppose the state in redux looks like this: state = { value: aaa , list:[ 123 , 321 , 12231 ] } The A component is an input,input whose value corresponds to the value in state. B component is a list,list content that needs to be obtai...
problem description how ant-design component library form forms are asynchronously checked the environmental background of the problems and what methods you have tried I use the set of things that redux, does not maintain state, internally and I u...
recently encountered a confusion as follows: suppose I get a list of original items by request, and I store it in store state = { products:[...] } in a component, users can hide items they don t care about (ps: is not deleted, similar to adding...
can react-redux be injected into the entry file like vuex and store can be accessed everywhere? The novice code is as follows: if I need to access the store component, I need to add < Provider store= {store} > {children} < Provider > and create c...
problem description TODO List case, delete action data of list and do not re-render UI the environmental background of the problems and what methods you have tried redux-devtools-extension plug-in, check the data changes after action is triggered,...
problem description TODO List case, delete action data of list and do not re-render UI the environmental background of the problems and what methods you have tried redux-devtools-extension plug-in, check the data changes after action is triggered,...
problem description I have taken a look at redux-saga in the last two days. I have a question that is not very clear. Let me ask you something: authorizetoken: The Api.authorize function I use axios to return data, but since it is neither a gener...