javascript - 每次值发生变化时,如何将更新的 prop 值传递给子进程?

标签 javascript reactjs

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

最佳答案

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

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

当父组件的状态发生变化时,会触发父组件的渲染,而父组件又会使用更新后的 props 重新渲染子组件。

关于javascript - 每次值发生变化时,如何将更新的 prop 值传递给子进程?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60894625/

相关文章:

javascript - 如何在javascript中等待超时的元素

Javascript 在 ES6 中用 json 数据填充选择(没有 jquery)

reactjs - React 组件中的构造函数和渲染方法运行两次

javascript - 如何在reactjs中从相同的redux状态进行两种类型的过滤

css - 导入 style.css 时出现 Polaris Shopify 错误

javascript - 使用 javascript 创建用户帐户时的 Firebase 安全问题

javascript - 图像调整大小的 jQuery 事件?

javascript - Redux 连接 - 模块 AppRegistry 不是已注册的可调用模块

javascript - react this.props.title 为空!!为什么?

css - React MUI v5 Card 背景是白色背景,Alpha 为 5%,我不知道它来自哪里