Javascript 如何在React中实现多选下拉

我正在寻找一种好的方法来创建多个选择下拉列表在平原反应，而不使用额外的库

目前，我正在做这样的事情：

<select className='yearlymeeting' multiple={true}>
    <option value=''>Yearly Meeting</option>
    {
        this.state.meeting.yearly_meeting.map((m: Meeting, i: number) => {
            return (
                <option
                    value={m.title}
                    key={i}
                    selected={this.state.selectedTitles.yearlyMeetingTitles.includes(m.title) ? true : false}>
                    {m.title}
                </option>
             );
         })
     }
</select>

年会
{
this.state.meeting.year_meeting.map（（m:meeting，i:number）=>{
返回(
{m.title}
);
})
}

此代码“有效”，但我收到以下警告：

Warning: Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>.

警告：使用“defaultValue”或“value”道具，而不是设置“selected”。

来自react文档-

可以将数组传递到“值”属性中，允许您在“选择”标记中选择多个选项：

我认为您只需要将所选项目数组传递给select元素的value prop。

来自react docs-

可以将数组传递到“值”属性中，允许您在“选择”标记中选择多个选项：

---

我认为您只需要将所选项目数组传递给select元素的value prop。

而不是在“option”元素中检查条件和设置“selected”props，而是直接在“select”元素中设置值。警告应该消失

<select className='yearlymeeting' multiple={true} 
value={this.state.selectedTitles.yearlyMeetingTitles}>
<option value=''>Yearly Meeting</option>
{
    this.state.meeting.yearly_meeting.map((m: Meeting, i: number) => {
        return (
            <option
                value={m.title}
                key={i}
                {m.title}
            </option>
         );
     })
 }
</select>

年会
{
this.state.meeting.year_meeting.map（（m:meeting，i:number）=>{
返回(
不要在“option”元素中检查条件和设置“selected”道具，直接在“select”元素中设置值。警告应该消失

<select className='yearlymeeting' multiple={true} 
value={this.state.selectedTitles.yearlyMeetingTitles}>
<option value=''>Yearly Meeting</option>
{
    this.state.meeting.yearly_meeting.map((m: Meeting, i: number) => {
        return (
            <option
                value={m.title}
                key={i}
                {m.title}
            </option>
         );
     })
 }
</select>


年会
{
this.state.meeting.year_meeting.map（（m:meeting，i:number）=>{
返回(
好的…那么错误消息的哪一部分不清楚？您的具体问题是什么？您是否尝试按照消息的建议进行操作？或者查看react文档中的
？好的…那么错误消息的哪一部分不清楚？您的具体问题是什么？您是否尝试按照消息的建议进行操作？或者查看react文档中的
？是的，你是对的。谢谢！我在这里遇到的障碍是我没有想到我可以为
值传递数组。是的，你是对的。谢谢！我在这里遇到的障碍是我没有想到我可以为
值传递数组。太棒了，谢谢！我不知道你可以在这里传递数组有道理。顺便说一下，这里有一个文档链接：太棒了，谢谢！我不知道你可以在这里传入数组。完全有道理。顺便说一下，这里有一个文档链接：