我可以在選擇選項中傳遞數據對象嗎

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) 
}