Sử dụng toán tử && trong JSX
Chúng ta có thể cần chèn văn bản,
nếu điều kiện đúng, và không làm gì cả,
nếu sai. Điều này được thực hiện bằng toán tử
&&.
Hãy xem cách hoạt động của nó qua ví dụ.
Trong đoạn mã sau, nếu trong show là
true, thì một đoạn văn với văn bản sẽ được chèn vào,
còn nếu là false, thì sẽ không chèn gì cả:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Cho đoạn mã sau:
function App() {
const isAuth = true;
return <div>
<p>bạn đã được xác thực</p>
</div>;
}
Hãy làm sao để đoạn văn với văn bản đã cho
chỉ hiển thị nếu trong isAuth là
true.
