Question

我在React中创建了一个包含<select>标记的新组件。我希望它显示为列表，而不是下拉列表，我将它的大小设置为10。它正在按预期呈现，我已将其value属性设置为state.value属性，如下所示。

render() {
    return (
        <select className="list" size="10" value={this.state.value} onChange={this.handleChange} >
        { this.props.paraList.map(i => 
            <option key={i.ID} value={i.ID} onDoubleClick={this.handleDblClick}>{i.Text}</option>
        )}
        </select>
    );
}

但是，当用户双击列表中的项目时，我会删除该项目。在this.handleDblClick方法中，我将state.value设置为0，但列表中的第一项显示为选中状态。如果我检查state.value属性，它被正确地分配给0，并且select也将它的值设置为0.但是所选择的第一个项目的外观保留在那里。我也尝试将值设置为空格，null，-1，没有任何作用。以下是在将值设置为0（或null，或空格或-1）后，为用户显示列表的方式：

First item is not really selected here

这里最烦人的是，如果用户想要在列表处于这种情况时选择第一个项目，他们必须选择另一个项目，然后单击返回第一个项目。有没有办法一次不在此列表中选择任何项目？

反应html选择标记不允许未选择的值

0 个答案: