将本机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 ();
    }
}

我该如何解决这个问题？

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS90cnBRUC5wbmcifQ==” alt =“在此处输入图像描述”>“ >>

我有两个组件，我想将数据从一个组件传递到另一个组件。我已经实现了不同的解决方案，但不能解决此问题。以下是我的代码：类PersonalInfo ...

Answer 1

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

Answer 2

您可以如下使用导航的getParam（）