[react]reactのifサムネイル方法

反応でifを減らす方法があります.
既存の場合、3つの演算子を使用すると、より縮小しやすい方法があります.

      {modalState === true ? (
        <div className="my-alert">
          <p>재고가 얼마 남지 않았습니다!</p>
        </div>
      ) : null}

?を外し、&&を貼り付け、左条件式がtrueの場合、右JSXはその位置を保持します.
左の条件式がfalseの場合、falseが残ります.(falseが残っている場合はHTMLとしてレンダリングしません)

      {modalState === true && (
        <div className="my-alert">
          <p>재고가 얼마 남지 않았습니다!</p>
        </div>
      )}