รับค่าใน React material-UI Autocomplete


17

ฉันหมายถึงเอกสารของ React Material-UI ( https://material-ui.com/components/autocomplete/ )

ในรหัสตัวอย่าง

    <Autocomplete
      options={top100Films}
      getOptionLabel={(option: FilmOptionType) => option.title}
      style={{ width: 300 }}
      renderInput={params => (
        <TextField {...params} label="Combo box" variant="outlined" fullWidth />
      )}
    />

ฉันทำงานได้ดี แต่ฉันไม่แน่ใจว่าฉันควรได้รับค่าที่เลือกไว้อย่างไร

ตัวอย่างเช่นฉันต้องการใช้onChangeเสาเพื่อทำสิ่งนี้เพื่อให้ฉันสามารถดำเนินการบางอย่างตามการเลือก

ฉันพยายามเพิ่ม onChange={v => console.log(v)}

แต่vจะไม่แสดงสิ่งใดที่เกี่ยวข้องกับค่าที่เลือก

คำตอบ:


41

แก้ไขโดยใช้การส่งผ่าน(event, value)ไปยังonChangeอุปกรณ์ประกอบฉาก

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>

เพิ่มวิธีส่งได้อย่างไร
Prottay

3
ฉันใช้เวลาหลายชั่วโมงเพื่อพยายามทำให้ได้ค่านี้ถูกต้องสิ่งนี้ได้รับการแก้ไขอย่างสวยงาม
Luis Febro

คำตอบที่ถูกต้อง โปรดยอมรับ
ĐỗCôngBằng
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.