如何使用 React 功能组件返回“蛇眼”或值

Question

8a.在 ReactDOM Render 方法下方，创建另一个名为 DiceRoll 的函数组件。 8b。在函数组件内部，使用 Math.random 返回一个介于 1 和 6 之间的随机数，并将其设置为名为“die1”的 const 变量 8c。在 die1 变量下方，再次使用 Math.random 返回一个介于 1 和 6 之间的随机数，并将其设置为名为“die2”的 const 变量 8d。在 die2 变量下方，让 DiceRoll 函数组件返回一个 h1 元素。在 h1 元素内使用一个 TERNARY ...... 如果 die1 和 die2 都等于 1，则将 h1 的文本设置为“SNAKE EYES” 要么 如果 die1 或 die2 不等于 1，则将 h1 的文本设置为每个 die 的值，如本例所示：2 和 5。 8e。在 DiceRoll 函数组件下方，再次使用 ReactDOM Render 方法在 HTML 文件中 id 为“root”的 div 中渲染/显示 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});
}