如何将选择器值传递给父组件本机反应

时间:2019-03-11 19:51:31

标签: react-native

我是React Native的新手

试图创建一个选择器组件,我想在父组件上返回选择的值,我正在传递父 wickets 的选择器项,到目前为止我已经尝试过

功能

   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>
    );
}

}

0 个答案:

没有答案