【问题标题】:Get Current component state and store it in redux获取当前组件状态并将其存储在 redux 中
【发布时间】:2020-06-23 17:00:13
【问题描述】:

如何获取最新更新的 react 组件状态(在所有状态更改完成后)并将相同的对象放入 Redux。

仅获取最新状态并分派一个动作(带有当前状态的副本)一次,而不是从状态正在改变的不同方法分派相同的动作?

有没有什么有效的方法来实现这一点?

【问题讨论】:

    标签: reactjs typescript redux react-redux


    【解决方案1】:

    首先如果你的 state 不需要多个页面那么不需要在 redux 中存储 state,使用本地 state。

    但是如果你想使用 redux 并且想要最新的状态,那么如果你想在无状态组件(功能)中使用这个状态,那么你可以使用 useSelector redux hook 来获取最新的数据,如果你想要有状态组件中的状态,然后使用 ma​​pStateToProps

    有用的链接: 对于钩子:https://react-redux.js.org/api/hooks#useselector

    对于 mapStateToProps:https://react-redux.js.org/using-react-redux/connect-mapstate#defining-mapstatetoprops

    【讨论】:

    • 为了更清楚起见,让我解释一下用例:我有一个组件并希望通过调度一个带有当前状态对象(this.state 的副本)作为有效负载的操作来存储它的状态。我不想从改变当前状态的每个方法中分派这个动作。那么,我可以使用任何组件生命周期方法,还是有任何其他正确的地方可以只用 this.state 调度一次操作?
    猜你喜欢
    • 2018-01-21
    • 2017-02-23
    • 1970-01-01
    • 2017-04-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-29
    • 2019-03-20
    相关资源
    最近更新 更多