Reactjs 反应下拉值

我的意图是通过使用下拉组件从API中获取几个值

以下是我的代码示例：

<GridContainer>
   <GridItem xs={12} sm={2}>
      <FormLabel className={classes.labelHorizontal}>Package</FormLabel>
   </GridItem>

   <GridItem xs={12} sm={4}>
      <FormControl fullWidth className={classes.selectFormControl}>

       <InputLabel htmlFor="simple-select" className={classes.selectLabel}>
           Please Choose
       </InputLabel>

       <Select
         MenuProps={{
           className: classes.selectMenu
          }}
           classes={{
             select: classes.select
            }}
         inputProps={{
        value: state.memberLoginInformation.package,
        onChange: event => {
          const { memberLoginInformation } = state;
           setState({
            ...state,
           memberLoginInformation: {
           ...memberLoginInformation,
           package: event.target.value
            }
          });
        }
        >
         {
            packageList.data &&
            packageList.data.package.content.map(({ id, name, active, price }) => {

            if (active)
            {
               return (
                    <MenuItem
                        classes={{
                          root: classes.selectMenuItem,
                          selected: classes.selectMenuItemSelected
                        }}
                          value={id}
                    >
                          {name}
                    </MenuItem>
                );
            }
            })
        }
     </Select>
     </FormControl>
   </GridItem>

现在我的目标是，当选择组件时，如何获取（名称、价格和点数）的值

这里的任何人都可以帮我，因为我只能得到一个值

---

谢谢

您正在使用

value={id} 

您是否可以尝试添加其他属性并存储（名称、价格和点数）的值，如下所示：

<MenuItem
                        classes={{
                          root: classes.selectMenuItem,
                          selected: classes.selectMenuItemSelected
                        }}
                           valueID={id}
                           valueName={name}
                           valuePrice={price}
                           valuePoint={point}
                    >
                          {name}
                    </MenuItem>

{name}

请提供更多信息。组件是什么？api结果是什么样子的？你的目标是什么？也许可以添加一个代码示例。这个问题太模糊了，我还需要创造价值吗？我怎么能称之为这个值呢？你应该有：1。处理dropDownList 2的更改的函数。为其赋予“name”属性，并能够通过

event.target.name.value

<MenuItem
                        classes={{
                          root: classes.selectMenuItem,
                          selected: classes.selectMenuItemSelected
                        }}
                           valueID={id}
                           valueName={name}
                           valuePrice={price}
                           valuePoint={point}
                    >
                          {name}
                    </MenuItem>