我可以在选择选项中传递数据对象吗

Question

我可以在选择选项中传递数据对象吗？

我在选择选项中显示名称&我在使用ID值。

选择了一些选项后，我想要显示选中的选项。由于该值是ID，我无法显示名称。

我该如何解决这个问题？

这是我的代码：

{ 
Makes.hasData ? 
    (_.map(Makes.data.data, (make, index) => { 
     return (
      <option key={index} value={make.id}> {make.make}</option> 
     ); 
    })) 
    : '' 
} 

谢谢

Answer 1

在您选择的选项，你将拥有的onChange中，你可以使用lodash的find方法

数组中搜索obejct给定ID

handleChange(e) { 
    var id=e.target.value 
    var value = _.result(_.find(Makes.data.data, function(obj) { 
     return obj.id=== id; 
    }), 'make'); 
    console.log(value) 
}