Javascript 如何在渲染函数中附加下拉选项?
下面是我的代码Javascript 如何在渲染函数中附加下拉选项?,javascript,reactjs,tsx,Javascript,Reactjs,Tsx,下面是我的代码console.logthis.Resources的结果如下所示 1:“巴萨瓦拉伊” 2:“阿苏托什” 3.“斯拉文” 4:“拉格哈文德拉” 5:“普雷姆·库马尔” 6.“西姆兰” 7.“纳姆拉塔” 8:“加纳什里” 9.“拉文德拉” 10.“阿南” 11.“肖恩” render(){ console.log(this.Resources); const options=this.Resources.map((项目,索引)=>{ {item} }); 返回( 选择资源 {optio
console.logthis.Resources的结果如下所示
1:“巴萨瓦拉伊”
2:“阿苏托什”
3.“斯拉文”
4:“拉格哈文德拉”
5:“普雷姆·库马尔”
6.“西姆兰”
7.“纳姆拉塔”
8:“加纳什里”
9.“拉文德拉”
10.“阿南”
11.“肖恩”
render(){
console.log(this.Resources);
const options=this.Resources.map((项目,索引)=>{
{item}
});
返回(
选择资源
{options}
我需要中的所有数据。资源
应位于选择
下拉选项中
提前感谢您没有在地图中返回html。需要返回它
const options = this
.Resources
.map((item, index) => {
return (
<option key={index} value={item}>{item}</option>
);
});
const options=this
.资源
.map((项目、索引)=>{
返回(
{item}
);
});
或
带有默认返回的ECMA6箭头符号:
const options = this
.Resources
.map((item, index) => (
<option key={index} value={item}>{item}</option>
));
const options=this
.资源
.map((项目、索引)=>(
{item}
));
您没有在地图中返回html。需要返回它
const options = this
.Resources
.map((item, index) => {
return (
<option key={index} value={item}>{item}</option>
);
});
const options=this
.资源
.map((项目、索引)=>{
返回(
{item}
);
});
或
带有默认返回的ECMA6箭头符号:
const options = this
.Resources
.map((item, index) => (
<option key={index} value={item}>{item}</option>
));
const options=this
.资源
.map((项目、索引)=>(
{item}
));
上述两种方法的区别仅在于大括号。@MukulSharma是的,ES6箭头函数,两种形式。上述两种方法的区别仅在于大括号。@MukulSharma是的,ES6箭头函数,两种形式