Javascript 访问键值

在渲染中，我有一个select，对于选项，我使用

.map

，如下所示：

<select value={this.state.eixo} onChange={this.handleChange}>
         <option value=""></option>
         {this.state.eixos.map((item) => {
               return <option key={item.id}>{item.descricao}</option>
         })}
</select>

---

一种方法是将

选项的值设置为
键：值
对

<select value={this.state.eixo} onChange={this.handleChange}>
  <option value=""></option>
  {this.state.eixos.map(item => {
    return (
      <option key={item.id} value={`${ite.id}:${item.descricao}`}>
        {item.descricao}
      </option>
    );
  })}
</select>;

如果您的值可能包含
：
，请选择另一个分隔符。
一种方法是将
选项的值设置为
键：值对

<select value={this.state.eixo} onChange={this.handleChange}>
  <option value=""></option>
  {this.state.eixos.map(item => {
    return (
      <option key={item.id} value={`${ite.id}:${item.descricao}`}>
        {item.descricao}
      </option>
    );
  })}
</select>;

如果您的值可能包含
：
，请选择另一个分隔符

handleChange = event => {
  const [key, value] = event.target.value.split(":");
  this.setState({ [key]: value });
};