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

Question

我是原生 react 新手。我已经制作了下拉列表，但我想要一个重置按钮，每当我单击它时都会重置默认标签。这是我的简单下拉列表代码。我想要一个重置按钮。

<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

虽然我没有使用选取器的经验，但可以通过以下方式使用按钮设置下拉列表的值:

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

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

不要忘记替换:

<Picker
to
<Picker id="languagePicker"