Javascript 在React中对选择列表（a-Z）进行排序

我很难弄明白这一点，我该如何在React中按字母顺序对这个选择列表进行排序

<select
  ref="userInput"
  required
  className="form-control"
  value={this.state.make}
  onChange={this.onChangeMake}
>
  {this.state.makes.map(function(make) {
    return (
      <option key={make} value={make}>
        {make}
      </option>
    );
  })}
</select>

{this.state.makes.map（函数（make））{
返回(
{make}
);
})}

您可以简单地使用排序函数js

<select
ref="userInput"
required
className="form-control"
value={this.state.make}
onChange={this.onChangeMake}
>
{this.state.makes.sort().map(function(make) {
 return (
  <option key={make} value={make}>
    {make}
  </option>
);
})}
</select>

{this.state.makes.sort（）.map（函数（make））{
返回(
{make}
);
})}

这是否回答了您的问题？你可以试试

this.state.makes.slice（）.sort（）.map（…）

@Tholle这个选项现在用这个代码按字母顺序显示

this.state.makes.slice（）.sort（）.map（函数（make）

value={this.state.make}知道如何让值也按字母顺序显示吗？@avidrunner我不知道你的意思“使值也按字母顺序显示”。是否要在组件状态中保存按字母顺序排序的选项字符串？措辞：在JavaScript中“in React”是指“in React”“.React是一个UI库；您不需要排序。谢谢：）有没有办法让它使用以字符开头的单词（例如，以字符开头的单词）？目前，它显示在列表的末尾，而不是在R和T之间。也许这会有帮助。不幸的是，它似乎不起作用，仍在寻找解决方案