react-native中Picker的子Item获取value报错失败问题的解决方案

最新推荐文章于 2022-04-28 11:26:14 发布

fchangenow

最新推荐文章于 2022-04-28 11:26:14 发布

阅读量552

点赞数

分类专栏： React-native

本文链接：https://blog.csdn.net/fcfc0724/article/details/79224343

版权

在React-Native应用中遇到Picker组件使用时，通过this.props.children获取值报错。问题出在Picker的children并非纯数组，而是特殊的结构。解决方案是将Item用concat连接成纯数组，从而正常获取所需值。

摘要由CSDN通过智能技术生成

在使用Picker时，类似下面的代码：

class Example extends Component {
   
    render() {
        const values = ['1', '2'];

        return (
            <Picker
                value={
  this.state.value}
                onValueChange={
  this.onValueChange.bind(this)}
            >
                <Picker.Item
                    label="n/a"
                    value={
  null}
                /