Đả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:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Cho đoạn mã sau:
function App() {
const isAuth = false;
return <div>
<p>vui lòng đăng nhập</p>
</div>;
}
Hãy làm sao để đoạn văn bản đã cho
chỉ hiển thị nếu trong isAuth ghi là
false.
