如何绑定对象以在reactjs中选择?

时间:2018-09-26 14:13:30

标签: reactjs

我在reactjs es6中有一个对象产品{id,name}。目前仅适用于SELECT 接受prod.name我如何将prod.id(一个整数)分配给 选择?  p.s:es6 doenst允许我分配整数以进行选择。

constructor(props) {
super(props);
this.state = {
prod : product;
   };
    this.handleChange = this.handleChange.bind(this);
    }
return(){
   <select value={prod.id} className="select-style" name="ProductId" onChange 
      {this.handleChange}>
      {this.props.store!.Product.map(product => <option key={product.id}> 
      {product.name}</option>)}
    </select>
}

1 个答案:

答案 0 :(得分:0)

刚刚找到答案,将整数分配给select,我只需要将id转换为字符串

<select value={prod.id+''} className="select-style" name="pbxId" onChange 
  {this.handleChange}>
  {this.props.store!.Product.map(product => <option key={product.id}> 
  {product.name}</option>)}
</select>