时间戳

首页 > 解决方案 > 如何在 React 中将整数值从父道具传递给子道具

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

问题描述

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

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

标签： javascriptreactjsbabeljs

解决方案

在这两种情况下，您都错过了其中一个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}/>

我希望这能解释！

推荐阅读