Đảo ngược điều kiện viết tắt trong JSX

Cũng có thể có tình huống ngược lại: cần thực hiện chèn văn bản nếu điều kiện sai và không làm gì cả nếu đúng. Để làm điều này cần thực hiện đảo ngược hằng số bằng toán tử !.

Trong ví dụ sau, nếu trong hide có giá trị false, thì một đoạn văn với văn bản sẽ được chèn vào:

jsxfunction App() {
  const hide = false;
  
  return <div>
    {!hide && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>vui lòng đăng nhập</p>
  </div>;
}