如何更新道具依赖状态答案

【问题标题】：How to update props dependent state如何更新道具依赖状态
【发布时间】：2020-01-16 16:16:36
【问题描述】：

我有组件连接到从 props 获取数据的 redux 存储：

const mapStateToProps = state => ({rowData: dataSelector(state)})

组件有自己的状态：

this.state = {
  rowsPerPage: 23,
  pageCount: 0,
}

当props.rowData 发生变化时，我需要计算新的state.pageCount。我该怎么做？

【问题讨论】：

'...当props.rowData 改变' 你能更详细地解释一下究竟是什么改变了你的组件的道具吗？如果它以某种方式导致重新渲染，您可以使用mapStateToProps() 的第二个（可选）参数，这是您组件的ownProps
@YevgenGorbunkov，props.rowData 我用选择器得到。每次我更改过滤器选项时，我都会提取新的 props.rowData，当我获得新值时，我需要更新 state.pageCount
我猜你来回传递数据的方式有点混乱。您是否会分享包含此功能的组件的更广泛的代码上下文？
不幸的是我无法显示代码，此外，我没有看到任何混淆，从 redux-storage 到组件的数据流是直接的：组件获取道具并计算新状态就可以了。
仍然非常感谢您的支持！

【解决方案1】：

您可以使用 getSnapshotBeforeUpdate 通过 if 条件确定 props.rowData 何时更改。根据值的更改时间，您可以按照您想要的方式更新您的state.pageCount。

【讨论】：

【解决方案2】：

请创建组件WillReceiveProps

componentWillReceiveProps(newProps) {
if(newProps.rowData.length !== this.state.pageCount) {this.setState({pageCount: newProps.rowData.length})}
}

【讨论】：