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

Question

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

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

这是触发方法的顺序。

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 未更改时触发。您可能不想将 state 初始化为空状态，而是已经基于 props 的东西。