如何在 React 中将整数值从父道具传递给子道具

Question

基本上我正在开发一个骰子游戏，我有一个关于边数的类和另一个关于骰子数的类。 我想从两个类中获取值并将它们传递给一个子类，在那里我将两者相乘以获得maxScore 。 所有类都在同一个文件中

但是，结果我得到了NaN 。 我觉得我没有正确传递值。 所有类都在同一个文件中。 我是 React 的新手，所以任何帮助将不胜感激。

Answer 1

在这两种情况下，您都错过了props值之一。 因此该组件尝试将undefined与一个数字相乘，这就是您得到NaN的原因。

考虑以下问题：

 console.log(6 * undefined); console.log(undefined * 2);

作为解决方案，您需要为<Child>组件提供两个值。 请尝试以下操作：

<Child noOfSides={this.state.mystate} noOfDice={1} />

{/* or */}

<Child noOfDice={this.state.mystate} noOfSides={1}/> 

我希望这能解释！