我是React Native的新手
试图创建一个选择器组件,我想在父组件上返回选择的值,我正在传递父
功能
dropDownValue(e) {
console.log(e);
this.setState({
abc: 0
})
}
父母
<DropDown options={wickets} customStyle={styles.buttonStyle} onChange={e => { this.dropDownValue(e) }} >W</DropDown>
选择器组件
class DropDown extends Component {
constructor(props) {
super(props);
this.state = {
itemValue: ""
}
}
render() {
return (
<TouchableOpacity onPress={this.props.onPress} style={styles.buttonStyle}>
<Picker
style={styles.buttonStyle}
onValueChange={(itemValue, itemIndex) =>
this.setState({
itemValue: itemValue
})
}>
<Picker.Item style={styles.textStyles} label={this.props.children} />
{this.props.options && this.props.options.map(i =>
<Picker.Item key={i.value} label={i.label} onPress={() => { this.props.DropDownValue(this.state.itemValue) }} value={i.value} />
)}
</Picker>
</TouchableOpacity>
);
}
}