Реагирование данных Native Pass на другой компонент в том же файле

Question

У меня есть два компонента, и я хочу передать данные из одного компонента в другой компонент.

Я реализовал разные решения, но не могу решить эту проблему. Вот мой код:

class PersonalInfo extends React.Component {
    constructor(props) {
        super(props)

    }
    state = {
        FirstName: '',
        LastName: '',
        Email: '',
        DateofBirth: '',
        Gender: '',
        AgeGroup: '',
        error: {}


    }
    NextSignUp = async (data) => {
        this.props.navigation.navigate("Addressinfo", { FirstName: 'waqas' })
    }
    render() {

        return (
            <View>
                <TouchableHighlight style={[styles.buttonContainer, styles.loginButton]} onPress={() => this.NextSignUp(this.state)} >
                    <Text style={styles.loginText}>Next</Text>
                </TouchableHighlight>
            </View>

        );
    }
}


class AddressInfo extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            isChecked: true,
            TermsConditioncheckbox: false,
            StreetAddress: '',
            City: '',
            State: '',
            ZipCode: '',
            error: {},
        }


    }
    render() {
        const { FirstName } = this.props.route.params.FirstName
        return ();
    }
}

как я могу решить эту проблему?

Answer 1

Вы можете использовать getParam () для навигации, как показано ниже

const firstName = this.props.navigation.getParam('FirstName', 'Default value')

Answer 2

const {FirstName} = this.props.navigation.route.params;