从子组件到父组件

时间:2018-04-02 12:21:47

标签: javascript reactjs react-native components

我有两个组件,我试图将后退按钮上的数组状态传递给父组件,但它没有显示任何数据。

Screen1.js

class Screen1 extends Component {
constructor(props) {
    super(props);
    this.state = {
        selectedRecord: []
    };
}

updateData = (data) => {
    this.setState({selectedRecord: data})
}


render() {
    const {container} = styles;
    return (
        <View style={container}>
            <Button onPress={() => alert(this.state.selectedRecord)}>
                Show Value
            </Button>
        </View>
    );
}
}

我在Screen2.js上创建了一个方法

class Screen2 extends Component {
constructor(props) {
    super(props);
    this.state = {
        record: [1, 2, 3, 4, 5]
    };
}

backStock() {
    this.props.navigation.state.params.updateData(this.state.record);
    this.props.navigation.goBack()
}


render() {
    const {container} = styles;
    return (
        <View style={container}>
            <Button onPress={() => this.backStock()} transparent>
                <Icon name='arrow-back'/>
            </Button>
        </View>
    );
}
}

当我点击我的后退按钮时,backStock()方法运行。但是,当我试图在控制台中打印价值时,它是真的。我错过了什么,是否有一种顺利的方式来传递状态onback方法?

0 个答案:

没有答案