gpt4 book ai didi

javascript - React — 显示字段但获取对象

转载 作者:行者123 更新时间:2023-12-03 08:23:04 25 4
gpt4 key购买 nike

我有一个对象Category,它有两个字段:namedescription

我想显示一个下拉列表,向用户显示所有类别的描述。但是,描述并不唯一,因此我希望获取用户选择的对象而不是其描述。

我想做这样的事情:

handleSelect: function(event){
// Here, I would like to get the Category selected, not the description!!!
},

render: function(){

var categoryDesc = this.props.categories.map(function(elem){
return <option><a href="#">{elem.description}</a></option>
});

return(
<div>
<p>Select category</p>
<div class="dropdown">
<select class="form-control" onChange={this.handleSelect}>
{categoryDesc}
</select>
</div>
</div>
)
}

最佳答案

如果您在map中使用index,您可以将其保存为每个option的值,然后使用它来获取正确的项目props.categories.

我认为您正在寻找这样的东西:

handleSelect: function(index){
console.log(this.props.categories[index]); // element with name and description
},
render: function(){
var categoryDesc = this.props.categories.map(function(elem, index){
return (
<option class="form-control" value={index}>
{elem.description}
</option>
);
});

return(
<div>
<p>Select category</p>
<select onChange={this.handleSelect}>
{categoryDesc}
</select>
</div>
);
}

关于javascript - React — 显示字段但获取对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33669951/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com