每次值更改时，如何将prop的更新值传递给孩子？

Question

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

Answer 1

您没有在换卷功能中更新状态。

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

当父级上的状态发生变化时，将触发父级的渲染，而渲染又将使用更新后的props重新渲染Child组件。