Użycie operatora && w JSX
Może zaistnieć potrzeba wstawienia tekstu,
jeśli warunek jest prawdziwy, i nie robienia niczego,
jeśli jest fałszywy. Robi się to za pomocą operatora
&&.
Przyjrzyjmy się jego działaniu na przykładzie.
W następującym kodzie, jeśli w show będzie
true, to wstawi się akapit z tekstem,
a jeśli będzie false, to nic się nie wstawi:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Dany jest następujący kod:
function App() {
const isAuth = true;
return <div>
<p>jesteś zalogowany</p>
</div>;
}
Spraw, aby podany akapit z tekstem
wyświetlał się tylko, jeśli w isAuth zapisano
true.
