Map Function Javascript - 当我们在下拉列表中选择某些内容时如何存储 2 个值答案

【问题标题】：Map Function Javascript - How to store 2 values when we select something in dropdownMap Function Javascript - 当我们在下拉列表中选择某些内容时如何存储 2 个值
【发布时间】：2021-01-02 16:12:00
【问题描述】：

我有如下 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 存储在某处，但我无法继续。请帮忙。提前谢谢你。

【问题讨论】：

标签： javascript json reactjs ecmascript-6 react-hooks

【解决方案1】：

在得到选中的id后使用下面的方法得到完整的对象。

let course = dropdown.filter(val => val.course_id==event.target.value);

【讨论】：