如何在更新Redux中的状态后触发关闭回调？

Question

在React中，状态不会立即更新，所以我们可以在setState(state, callback)中使用回调。但是如何在Redux中做到这一点？

在调用this.props.dispatch(updateState(key, value))后，我需要立即用更新的状态做些事情。

有没有什么办法可以像我在React中做的那样用最新状态调用回调？

Answer 1

您可以使用subscribe侦听器，并在调度操作时调用它。在听众的内部，您将获得最新的商店数据。

http://redux.js.org/docs/api/Store.html#subscribelistener

Answer 2

组件进行更新，以便获得新道具。

有很多方法可以实现你的目标：LIVE DEMO for examples

1 componentWillReceiveProps/componentDidUpdate检查，如果值发生改变，就必须采取一些..

componentWillReceiveProps(nextProps){ 
    if(nextProps.value!==this.props.value){alert(nextProps.value)} 
    } 

2终极版，承诺 （中间件会发出承诺的解析值）

export const updateState = (key, value)=> 
Promise.resolve({ 
    type:'UPDATE_STATE', 
    key, value 
}) 

然后在组分

this.props.dispatch(updateState(key, value)).then(()=>{ 
    alert(this.props.value) 
}) 

2.终极版-咚

export const updateState = (key, value)=> dispatch=>{ 
dispatch({ 
     type:'UPDATE_STATE', 
     key, value 
    }) 
return Promise.resolve() 
} 

然后在组分

this.props.dispatch(updateState(key, value)).then(()=>{ 
    alert(this.props.value) 
}) 

Answer 3

约阵营最重要的一点是一个单向数据流。在你的例子中，这意味着，分派一个动作和状态变更处理应该是分开的。

你不应该这样想：“我做了A，现在X成为Y我处理它”，而是“我该怎么办时，X成为Y”，没有任何关系A。商店状态可以从多个来源更新，除了您的组件外，时间旅行也可以更改状态，并且不会通过您的A调度点。

基本上这意味着你应该使用componentWillReceiveProps因为它提出@Utro