小编The*_*ght的帖子

  render(){

    let { classes } = this.props;

    let list = classes.map((item, index) => {
      return (
        <option >{item}</option>
      )
    })


    return(
      <div className="filter-bar">

        <form className="sort-form">
          <div className="classSelect">
            <span>select class</span>
              <select name="classSelect" onChange={this.handleClassChange}}>
                <option selected="selected"  >Please choose class</option>
                {list}
              </select>
          </div>
        </form>
      </div>
    )
  }
};

我想映射一个数组并使用每个元素作为选择下拉列表中的选项，并且还有一个额外的空白选项，该选项默认为单击下拉列表。

目前，我拥有的额外内容可在列表中使用，但默认值始终是数组中的第一个元素，而我希望默认值是“请选择您的班级”

有人可以解释一下吗？