时间戳

首页 > 解决方案 > 如何将标准的“选择”标签转换为反应选择

reactjs - 如何将标准的“选择”标签转换为反应选择

问题描述

我想把它变成一个从反应选择。传递的所有数据都可以完美地使用，但是当我将其更改为它时不起作用（因为它需要其他选项），我想知道如何使这段代码与 React-Select 兼容。

<div>
   <select value={this.state.currency} onChange={this.getTest}>
      {this.state.items.map((obj, index) => 
         <option key={${index}-${obj.country}} value={obj}> {obj} </option>
      )} 
   </select>
</div>

标签： reactjsselectreact-select

解决方案

无需为您的选择元素指定“值”。相反，您需要在 onChange 函数上相应地设置您的状态。

如果这样做是为了以某种方式“绑定”选择选项和状态，那么您可能不会采用反应方式（可能是由于 Angular 背景，这种两种方式绑定是要走的路）。

推荐阅读