Javascript 如何从react select组件获取多个值 返回( { const selectedPackage=e.target.value； 设置程序包（已选择的程序包） }> *选择订阅包 {subPackages.status？subPackages.data.map（spack=>( {spack.title}）：

装载

} {user.uid！=null？ ：加载

} ) }

---

我通过一个数组映射并在一个选择选项上显示订阅包。现在我需要从这个选项中获取包id和价格。我只能从选项的value属性中获取id。如何获取价格？

您需要根据您提供的id和数据获取价格。 在您的情况下，类似这样的情况：

---

const selectedPackage=subPackages.data.find（elem=>elem.id==e.target.value）

我仍然不明白，请帮助更好地解释。我已经有了每个选项的值。我只是不知道怎么才能买到这个价钱。哦，我明白了。多谢各位

return (
      <Fragment>
        <div className="form-group">
        <select name="sub"     onChange={(e) => {
        const selectedPackage = e.target.value;
      
        setPackage(selectedPackage)
       }>
       


  <option   value="0">* Select Subscription Package</option>
          {subPackages.status ?  subPackages.data.map(spack => (
        <option    key={spack.id}   value={spack.id}
         >{spack.title}</option> )) : <Fragment>
            <p>loading</p>
            </Fragment>}
            </select >
            </div>
            { user.uid!=null ?
            <Fragment>
            <Subscription subData = {subData}/></Fragment>   
            : <Fragment> <p>loading</p> </Fragment>
            }
      </Fragment>
    )
}