Question

我正在创建一个本机应用程序。我试图用反应原生创建下拉列表。它对我来说很好。我尝试添加默认选项，如＆＃34;请选择选项......＆＃34;。我尝试过但不适合我。我的代码是： -

<Picker
    mode="dropdown"
    onValueChange={(itemValue, itemIndex) => this.setState({selectedItem: itemValue})}>
    {subchild['OptionValue'].map((subsubchild, Index3)=>
        <Picker.Item label={subsubchild['text']} value={subsubchild['id']} />
    )}
</Picker>

我试过这样： -

<Picker
    mode="dropdown"
    onValueChange={(itemValue, itemIndex) => this.setState({selectedItem: itemValue})}>     <Picker.Item label="Please select options....." value="0" />
    {subchild['OptionValue'].map((subsubchild, Index3)=>
        <Picker.Item label={subsubchild['text']} value={subsubchild['id']} />
    )}
</Picker>

它无法正常使用。

Answer 1

以下是您的示例：

<Picker
    mode="dropdown"
    selectedValue={this.state.selectedItem}
    onValueChange={(itemValue, itemIndex) => this.setState({selectedItem: itemValue})}>     <Picker.Item label="Please select options....." value="0" />
    {subchild['OptionValue'].map((subsubchild, Index3)=>
        <Picker.Item label={subsubchild['text']} value={subsubchild['id']} />
    )}
</Picker>

您应将默认选定值设置为您的状态 selectedItem

this.state = {selectedItem：'0'};

在状态变化过程中，如果选择的值等于零，则返回，您应该设置条件。

希望它会对你有所帮助。

请参阅以下链接了解更多详情。

https://facebook.github.io/react-native/docs/0.19/picker.html#mode

如何向React Native Picker添加禁用选项

1 个答案: