React native Picker无法正常工作

Question

我想将数组中的项目添加到picker中，但是在我添加值App崩溃之后。我在这里做错了什么？

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

Answer 1

您在评论中发布的修改后的代码看起来更接近，但是对于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>

如果您仍然遇到问题，我会确认您所处的反应原生版本。如果您使用的是任何版本＆lt; 0.20，那么这可能是你的应用在使用Picker时崩溃的原因。在版本0.20之前，唯一可用的选择器组件是PickeriOS。