React select

Tanlang

React-dagi ochiladigan list yoki tanlash oynasi ham HTML-dan biroz farq qiladi.

HTMLda ochiladigan ro‘yxatdagi tanlangan qiymat selected atributi bilan aniqlanadi:

HTML:

<select>
  <option value="Ford">Ford</option>
  <option value="Volvo" selected>Volvo</option>
  <option value="Fiat">Fiat</option>
</select>

Reactda tanlangan qiymat value bilan aniqlanadi. select tegidagi atribut:

Misol:

React tanlash maydonini boshqarish uchun qiymat atributidan foydalanadi:

function MyForm() {
  const [myCar, setMyCar] = useState("Volvo");

  const handleChange = (event) => {
    setMyCar(event.target.value)
  }

  return (
    <form>
      <select value={myCar} onChange={handleChange}>
        <option value="Ford">Ford</option>
        <option value="Volvo">Volvo</option>
        <option value="Fiat">Fiat</option>
      </select>
    </form>
  )
}

Misolni ishga tushirish »

<select> elementiga ushbu o‘zgartirishlarni kiritish orqali, React uni har qanday boshqa kirish elementi kabi boshqarishga qodir.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish