javascript - 如何使用来自 reducer 的一些数据更新组件的状态

Question

假设我有一个 subcategoryContainer.js，它正在将 props 传递给 subcategory.js，现在 subcategory.js 中导入了另一个组件 filter.js。这个filter.js正在从subcategory.js接收props。数据来自商店。这里 redux thunk 正在异步更新存储。

现在的问题在于将 props 放入 filter.js 的状态。初始状态设置为空对象。即使我在 componentWillReceiveProps 方法中更新状态，我也只能在 render() 中得到空对象，而不是更新后的状态，其中应该包含 props 数据。

这是方法触发的顺序。

1.render() // initial data from redux reducer//
2.componentWillReceiveProps()
3.render() // new data by redux thunk

在第 3 点，似乎 componentWillReceiveProps() 也应该触发，但事实并非如此。

如何使用新收到的 props 更新 filter.js 状态(props->由 thunk 更新)

我该怎么做。请帮忙。

Answer 1

您确定确实触发了 componentWillReceiveProps 吗？它仅在 props 实际更改时触发，而不是在组件最初安装且 props 未更改时触发。您可能不想将状态初始化为空状态，而是已经基于 props 的状态。