每次值更改时如何将更新的道具值传递给孩子？答案

【问题标题】：How to pass updated value of prop to child each time the value changes?每次值更改时如何将更新的道具值传递给孩子？
【发布时间】：2020-03-27 21:55:17
【问题描述】：

我正在构建一个骰子应用程序，其中有一个类组件，用于设置骰子数量和每个骰子的边数。我将这些值传递给子类组件，在其中我通过将骰子数乘以每个骰子的边数来计算可能的最大分数。在我的父类中，有一些方法供用户更改边数和骰子数。但是，只有骰子和边的初始值被传递给孩子，当父母的状态发生变化时，我不知道如何将更新的值传递给孩子。我是 React js 的新手，所以这似乎是一个愚蠢的问题。

【问题讨论】：

您可以使用 getDerivedStateFromProps 还是 componentWillReceiveProps？

标签： javascript reactjs

【解决方案1】：

您没有更新滚动更改功能中的状态。

  rollChange() {
    this.setState({ maxScore: this.props.noOfSides * this.props.noOfDice });
  }

当父组件的状态发生变化时触发父组件的渲染，而父组件又将使用更新的道具重新渲染子组件。

【讨论】：