同じ条件を二度記述する理由

Question

const n = Math.floor(Math.random() * 10); // 0 〜 9 の整数を生成
const threshold = 5;
return (
<div>
{n > threshold && <p>`n` is larger than {threshold}</p>}
<p>`n` is {n % 2 === 0 ? 'even' : 'odd'}</p>
</div>
);

この&&論理演算子の部分なのですが、n > thresholdと
<p>n is larger than {threshold}</p>はどちらも同じことを表現してるように見えます。
なぜ同じ条件を二度記述し&&を使っているのでしょうか？

Answer 1

なぜ同じ条件を二度記述し

後半は条件ではなく表示すべきJSXです。前半の条件を元に、表示するかしないかを振り分けています。

Comments

[potetiki]

理解できました。ありがとうございます。