每次值更改時，如何將更新的 prop 值傳遞給 child？

Question

我正在構建一個骰子應用程序，其中我有一個用於設置骰子數量和每個骰子面數的類組件。 我將這些值傳遞到子類組件中，在那里我通過將骰子數乘以每個骰子的邊數來計算可能的最大分數。 在我的父類中，有一些方法供用戶更改邊數和骰子數。 但是，只有骰子和邊的初始值會傳遞給子級，我不知道如何在父級狀態更改時將更新的值傳遞給子級。 我是 React js 的新手，所以這似乎是一個愚蠢的問題。

Answer 1

您沒有更新滾動更改功能中的狀態。

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

當父組件的狀態發生變化時，會觸發父組件的渲染，而父組件又會使用更新的 props 重新渲染子組件。