【React初心者メモ】三項演算子（? : ）

三項演算子とは

以下のように条件によって値を選ぶ短縮表現です。

条件式 ? 真の場合の値 : 偽の場合の値

具体例

三項演算子の場合は以下のようになります。

const age = 20;
const message = age >= 18 ? "成人です" : "未成年です";
console.log(message);  // "成人です"

if文の場合は以下のようになります。

const age = 20;
if (age >= 18) {
  message = "成人です";
} else {
  message = "未成年です";
}