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

时间:2017-05-09 12:59:48

标签: reactjs

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

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

选择某个选项后,我想显示所选的选项。由于值是ID,我无法显示名称。

我该如何解决这个问题?

这是我的代码:

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

谢谢

1 个答案:

答案 0 :(得分:1)

在你的选择选项中,你将有onChange,你可以使用lodash&#39; s find方法在数组中搜索具有给定id的obejct

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