如何 return 'Snake Eyes' 或使用 React 功能组件的值

Question

8a。在 ReactDOM Render 方法下方，创建另一个名为 DiceRoll 的函数组件。 8b.在函数组件内部使用 Math.random 到 return 一个介于 1 和 6 之间的随机数，并将其设置为名为“die1”的常量变量 8c.在 die1 变量下方，再次使用 Math.random 来 return 一个介于 1 和 6 之间的随机数，并将其设置为名为“die2”的常量变量 8d。在 die2 变量下方，有一个 h1 元素的 DiceRoll 函数组件 return。在 h1 元素内部使用一个 TERNARY ...... 如果 die1 和 die2 都等于 1，则将 h1 的文本设置为“SNAKE EYES” 要么如果 die1 或 die2 不等于 1，则将 h1 的文本设置为每个骰子的值，如本例所示：2 & 5。 8e.在DiceRoll函数组件下方，再次使用ReactDOM Render方法render/displayHTML文件div中id为“root”的DiceRoll函数组件

^^ 问题

我当前的代码>>

// 8a
function DiceRoll() {
    // 8b
    const die1 = Math.floor( Math.random() * 6 )
    // 8c
    const die2 = Math.floor( Math.random() * 6 )
    // 8d
    return (
        <h1>
            if (die1 =! 1) {
                return ('Snake Eyes');
            }
            else {
                return({die1} & {die2})
            }
        </h1>
    )
};

Answer 1

看起来您的方向是正确的，但是您对 if 语句的条件不太正确。试试这个：

if ((die1 == 1) && (die2 == 1)) {
    return ('Snake Eyes');
}
else {
    return({die1} & {die2});
}

如何 return 'Snake Eyes' 或使用 React 功能组件的值

How to return 'Snake Eyes' or the Values using React Functional Components

reactjs

react-functional-component