javascript - 如何在渲染函数中附加下拉选项？

Question

下面是我的代码。console.log结果this.Resources如下所示

1:"Basavaraj" 2:"Ashuthosh" 3:"Sravan" 4:"Raghavendra" 5:"Prem kumar" 6:"Simran" 7:"Namratha" 8:"Ghanashri" 9:"Ravindra" 10:"Anand ” 11：“沙恩”

render() {

 console.log(this.Resources);
 const options = this.Resources.map((item, index) =>{
 <option key={index} value={item}>{item}</option>
 });

  return (
    <div>
    <form>
    <div id="select">
    <div className="container select">
    <div  className="row">
      <select  className="col-4 selectpicker input-large">
        <option value="" disabled selected>Select resouce</option>
        {options}
      </select>

我希望所有数据都this.Resources应该出现在select下拉选项中。

提前致谢

Answer 1

您没有返回地图中的 html。需要返回它。

const options = this
  .Resources
  .map((item, index) => {
    return (
      <option key={index} value={item}>{item}</option>
    );
  });

或者

默认返回的 ECMA6 箭头符号：

const options = this
  .Resources
  .map((item, index) => (
    <option key={index} value={item}>{item}</option>
  ));