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.log
this.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箭头函数,两种形式