JSXにおける短絡評価のための反転

逆の状況もあり得ます:条件が偽の場合にテキストを挿入し、 真の場合は何もしない必要があります。 これを行うには、演算子!を使用して定数を反転させる必要があります。

次の例では、hideがfalseの場合、 テキストを含む段落が挿入されます:

jsxfunction App() {
  const hide = false;
  
  return <div>
    {!hide && <p>text</p>}
  </div>;
}
Задание 1

以下のコードがあります:

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>please log in</p>
  </div>;
}

指定されたテキスト段落が、isAuthに falseが記録されている場合にのみ表示されるようにしてください。