Как передать целочисленное значение из родительской реквизиты в детскую реквизит в 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}/> 

Надеюсь, это объясняет!