javascript - ReactJs 如何仅在多次选择下拉列表后处理事件处理程序？

Question

我有以下带有多个选择下拉列表的代码。句柄更改要求从下拉列表中选择每个值。我如何更改它以仅在选择多个值后调用handleChange函数？

handleChange(e) {
    console.log(e.target.value);
}

render() {

    return(
        <select className="form-control" key="1" name="degree" onChange={this.handleChange} multiple>
            <option value="1" key="1">1</option>
            <option value="2" key="2">2</option>
            <option value="3" key="3">3</option>
            <option value="4" key="4">4</option>
            <option value="5" key="5">5</option>
        </select>
        )
}

更新:我需要在控制台中获取所选值的数组是我的基本要求。

Answer 1

您始终可以在操作处理程序中使用快速失败

handleChange(e) {
    const requiredValues = [3, 5]
    if (!requiredValues.includes(e.target.value) return
    ...
}