Javascript 在react.js中使用选择和选项时，不会打开弹出窗口

我正在尝试使用react中的select和option创建一个弹出窗口。但是弹出窗口没有打开。数据似乎无法正确记录。这是我的密码

var List = React.createClass({

 getList(){
    console.log("get list");
    this.props.store.map(function(item){
            return (<option value={item.value}>
                        {item.label}
                    {console.log(item.label)}
                   </option>);
        });
},

render: function(){
    return(<div>
        <select className="form-group" onChange={this.changeHandler} >
                    {this.getList()}
        </select>       

         </div>);
}

});

var List=React.createClass({
getList（）{
日志（“获取列表”）；
this.props.store.map（函数（项）{
返回(
{item.label}
{console.log（item.label）}
);
});
},
render:function（）{
返回(
{this.getList（）}
);
}
});

问题在于您没有从getList方法返回任何值。 您应该从getList（）返回映射数据：

var List=React.createClass({
getList（）{
日志（“获取列表”）；
返回此.props.store.map（函数（项）{
返回(
{item.label}
{console.log（item.label）}
);
});
},
render:function（）{
返回(
{this.getList（）}
);
}
});

问题在于您没有从getList方法返回任何值。 您应该从getList（）返回映射数据：

var List=React.createClass({
getList（）{
日志（“获取列表”）；
返回此.props.store.map（函数（项）{
返回(
{item.label}
{console.log（item.label）}
);
});
},
render:function（）{
返回(
{this.getList（）}
);
}
});

谢谢，这是正确的答案，但是映射中的返回在做什么呢？映射函数返回一个元素数组，由内部的返回语句返回。例如，对于映射文档，您可以查看例如lodash的映射描述。谢谢，这是正确的答案，但是映射内部的返回在做什么呢？映射函数返回一个元素数组，由内部的return语句返回。例如，映射文档，您可以查看例如lodash的映射描述

var List = React.createClass({
    getList(){
        console.log("get list");
        return this.props.store.map(function(item){
          return (
            <option value={item.value}>
              {item.label}
              {console.log(item.label)}
            </option>);
          });
    },

    render: function(){
        return(
          <div>
            <select className="form-group" onChange={this.changeHandler} >
              {this.getList()}
            </select>  
          </div>);
    }

});