React-da radio bilen işlemek
radio
radio bilen işlemek, mysal üçin,
şol bir checkbox-lardan birneme tapawutlanýar. Mesele şonda,
biroý radio-da bir heýdäki ýagdaý (steýt) bolup,
ýöne dürli value (bahalar) bolup biler.
Şonuň üçin iş şu ýoly bilen amala aşyrylýar:
her bir radio düwmesine value atributyna
öz bahasy ýazylýar, we checked atributyna bolsa
ýagdaýyň belli bir baha bilen deňdigini barlaýan
ýörite şert ýazylýar. Eger
deň bolsa - radio düwmesi bellikli bolup,
eger deň bolmasa - belliksiz bolup galar.
Beýan edileniň amala aşyrylyşy:
function App() {
const [value, setValue] = useState(1);
function changeHandler(event) {
setValue(event.target.value);
}
return <div>
<input
type="radio"
name="radio"
value="1"
checked={value === '1' ? true : false}
onChange={changeHandler}
/>
<input
type="radio"
name="radio"
value="2"
checked={value === '2' ? true : false}
onChange={changeHandler}
/>
<input
type="radio"
name="radio"
value="3"
checked={value === '3' ? true : false}
onChange={changeHandler}
/>
</div>
}
3 radio düwmesi berlen. Bir abzas berlen. Şeýle ediň
häsiýetli radio düwmesiniň bahasy
şol abzasa çap edilsin.
Radio düwmeleriň kömegi bilen ulanyjydan onyň iýmli programmirleme dilini soraň. Onuň saylamasyny bir abzasa çap ediň. Eger JavaScript dili saýlansa, ulanyjyny maýalaň.