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

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"