React-dä ýagdaýda mantiqy baha

Geliň, harydyň sebetde ýa-da däldigini görkezýän inCart ýagdaýyny döredeliň:

jsxfunction 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ň:

jsxfunction 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ň:

jsxfunction 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ň:

jsxfunction App() {
  const [inCart, setInCart] = useState(false);
  
  return <div>
    <span>{inCart ? 'sebetde' : 'sebetde däl'}</span>
    <button onClick={() => setInCart(!inCart)}>btn</button>
  </div>;
}