javascript - Redux 状态改变后怎么办？

Question

我想在应用 Redux 状态后运行 takePic() 函数。假设像下面的代码:

this.props.setCameraState({
    foo: bar,
    foo2: bar
}).then(() => takePic());

我正在本地状态函数上执行此操作，如下所示:

this.setState({
    foo: bar,
    foo2: bar,
}, async () => takePic());

但我不知道如何在 Redux 上做到这一点。

Answer 1

您可以使用 useEffect 检查更新的全局状态，并执行副作用，在您的情况下是调用 takePic()。

因此，假设您的 redux 已连接到您的组件:

const MyComponent = ({ foo, foo2 }) => {
  useEffect(() => {
    takePic();
  }, [foo, bar]);
};