Question

我是新来的本地人。我已经创建了下拉列表，但是每当我单击它时，我都想要一个重置按钮来重置默认标签。这是我简单的下拉列表的代码。我想要一个重置按钮。

<Picker
  style={{width:'80%'}}
  selectedValue={this.state.PickerValue}
  onValueChange={(itemValue,itemIndex) => 
  this.setState({PickerValue:itemValue})}>
    <Picker.Item label="Select a option" value=""/>
    <Picker.Item label="Html" value="html" />
    <Picker.Item label="Javascript" value="javascript"/>
</Picker>

Answer 1

虽然我没有使用Picker的经验，但是可以通过执行以下操作来使用按钮设置下拉菜单的值：

setDropdownValue = () => {
    document.getElementById("languagePicker").selectedIndex = "0";
};

<button onClick={this.setDropdownValue}>Reset selected picker value</button>

别忘了更换：

<Picker
to
<Picker id="languagePicker"

在下拉列表中设置重置按钮

1 个答案: