Коркард бо radio дар React
Коркард бо radio
radio каме фарқ мекунад, масалан,
аз ҳамон чекбоксҳо. Мушкил дар он аст, ки
якчанд радио як ҳолро хоҳанд дошт,
вале value-ҳои гуногун.
Аз ин рӯ, коркард ба тариқи зерин сурат мегирад:
ба ҳар як тугмаи радио дар сифати value
қимати худ навишта мешавад, ва дар сифати checked
- шарти махсус, ки тафтиш мекунад,
оё ҳол ба қимати муайян баробар аст ё не.
Агар
баробар бошад - тугмаи радио интихобшуда мешавад,
ва агар баробар набошад - интихобнашуда хоҳад буд.
Амолисозии дар боло тавсифшуда ин аст:
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 тугмаи радио дода шудааст. Як абзас дода шудааст. Ҳамин тавр кунед,
ки қимати тугмаи радиоинтихобшуда
дар ин абзас чоп карда шавад.
Бо ёрии тугмаҳои радио аз корбар пурсед забони барноманависии дӯстдоштаи ӯ. Интихоби ӯро дар абзас чоп кунед. Агар забони JavaScript интихоб шуда бошад, корбарро ситоиш кунед.