反应本机选择器不起作用答案

【问题标题】：React native Picker not working反应本机选择器不起作用
【发布时间】：2016-04-11 10:49:43
【问题描述】：

我想将数组中的项目添加到选择器，但添加值后应用程序崩溃。我在这里做错了什么？

<Picker selectedValue={this.state.select}
        onValueChange={(lang) => this.setState({select: loc})}>
        <Picker.Item label={this.state.caseTypeList} value="this.state.caseTypeList[0]" />
</Picker>

【问题讨论】：

onValueChange={(lang) => this.setState({select: loc})}> 您提供lang 作为参数，但设置loc。此外，您应该添加代码来定义 this.state.caseTypeList 包含的内容。
( this.setState({searchText:caseTypeList}) ) } > { this.state.caseTypeList.map( (s, i) => { return }) }
我修改了我的代码，但仍然没有显示任何值

标签： android reactjs react-native

【解决方案1】：

您在 cmets 中发布的修改后的代码看起来更接近，但对于 onValueChange 回调，您希望将 searchText 设置为在选择器中选择的新值。

<Picker selectedValue={this.state.searchText} onValueChange={(selectedText) => this.setState({searchText: selectedText})}> {this.state.caseTypeList.map((s, i) => { return <Picker.Item key={i} value={s} label={s}/> })} </Picker>

如果您仍然遇到问题，我会确认您使用的是什么版本的 react-native。如果您使用的任何版本

【讨论】：