如何将项目传递到选择器组件?

时间:2018-11-26 16:40:03

标签: react-native

我有一个选择器组件,我想将选项作为数组传递给选择器组件,并且选项应该在选择器中可见。

pickerComonent.js

 <Picker
      mode="dropdown"
      style={styles.picker}
      selectedValue={this.state.language}
      onValueChange={(itemValue, itemIndex) =>
        this.setState({ language: itemValue })
      }
    >
      {options.map((item, index) => {
        return (
          <Picker.Item label={item.language} value={index} key={index} />
        );
      })}

    </Picker>


PickerInputForm.PropTypes = {
 options: PropTypes.array.isRequired
 }; 

Home.js

let options = [
   { id: 1, language: 'english' },
   {
     id: 2,
   language: 'Malayalam'
   }
 ];

<PickerInputForm options={options} />

在编译时收到错误消息“无法找到变量选项”。

1 个答案:

答案 0 :(得分:0)

pickerComonent.js

中尝试用this.props.options.map代替options.map