React-dä ýagdaýda mantiqy baha
Geliň, harydyň sebetde ýa-da däldigini görkezýän
inCart ýagdaýyny döredeliň:
function App() {
const [inCart, setInCart] = useState(false);
return <div>
</div>;
}
false bahasy harydyň sebetde däl,
true bahasy bolsa sebetdedigini aňladýsyn.
Bu barada maglumatlary üçlük operator arkaly çykaralyň:
function App() {
const [inCart, setInCart] = useState(false);
return <div>
<span>{inCart ? 'sebetde' : 'sebetde däl'}</span>
</div>;
}
Indi bolsa, basylanda harydy sebet goşýan düwmäni düzeliň:
function App() {
const [inCart, setInCart] = useState(false);
return <div>
<span>{inCart ? 'sebetde' : 'sebetde däl'}</span>
<button onClick={() => setInCart(true)}>btn</button>
</div>;
}
Kodymyzy birinji basyşda sebet goşup, ikinji basyşda sebetden aýyran etmek üçin üýtgedeliň:
function App() {
const [inCart, setInCart] = useState(false);
return <div>
<span>{inCart ? 'sebetde' : 'sebetde däl'}</span>
<button onClick={() => setInCart(!inCart)}>btn</button>
</div>;
}
Ulanyjyny ban edýän we ban-y aýyran düwme düzüň.
Öňki meseläni iki düwmäniň diňe degişlisi görnüp ýan ýaly üýtgediň. Ýagny, eger ulanyjy ban edilen bolsa, diňe ban-y aýyrmak düwmesi görnüp ýatsyn, eger ban edilmedik bolsa, diňe ban etmek düwmesi.
