JSX na iya tunauta kowane jerin aiki na JavaScript, saboda haka tunatawa bisa sharati shine kawai aiki na JS na gida a cikin { }.
jsx
() {
(
);
}
JSX na iya tunauta kowane jerin aiki na JavaScript, saboda haka tunatawa bisa sharati shine kawai aiki na JS na gida a cikin { }.
() {
(
);
}
cond && <X/> — tunauta <X/> lokacin da cond ya kasance gaskiya, in ba haka ba babu komai. Kyau ne da take a gani ko kubutu.cond ? <A/> : <B/> — zaɓi tsakanin reshe biyu.null don tunauta babu komai jing ɗa jing.&& tare da lambobi{count && <Badge n={count} />} // ❌ when count === 0, React renders "0" on screen!
{count > 0 && <Badge n={count} />} // ✅ guard with a real boolean
Haka yana faruwa saboda 0 && x yana auna 0, kuma React tana tunauta lambar 0 (amma ba false/null/undefined ba).
Lokacin da wahalau ya zama mai rikitarwa, ƙididdige abin caba da dawo don fahimta:
let content;
if (error) content = <Error />;
else if (loading) content = <Spinner />;
else content = <List items={items} />;
return <div>{content}</div>;
Hakan yana ajiyar JSX a faɗi kuma hukumar sharati ta kasance bayyannu.