如何从反应选择组件中获取多个值

Question

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>
    )
}

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

Answer 1

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

const selectedPackage = subPackages.data.find(elem => elem.id === e.target.value)