我有JSON形式的数据，如下所示：
[
{
"course_name": "React",
"course_id": 2
},
{
"course_name": "Python",
"course_id": 1
}
]
以下是我在React中编写的代码。因此，只要下拉列表发生变化，id就会存储在值中。
<Select
labelId="demo-simple-select-outlined-label"
id="demo-simple-select-outlined"
onChange={handleChange}
label="CourseList"
>
{
dropdown.map(options =>
<MenuItem value={options["course_id"]} >{options["course_name"]}</MenuItem>
)
}
</Select>
const handleChange = (event) => {
handleChangecourse_id(event.target.value);
setVal(event.target.value);
}
基本上，我想要两个值（无论选择什么，都是course_id和course_name）并将其设置为两种不同的状态。我大致想的是if（val === dropdown.map（options => options [“ course_id”]），然后将course_name存储在某个地方，但是我无法继续，请帮助。谢谢。
获取选定的ID后，请使用以下方法获取完整的对象。
let course = dropdown.filter(val => val.course_id==event.target.value);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句