在 React Native 中将 JSON 数据传递到下一页

Question

我是初学者，仍在学习如何对本机做出反应。在我的本机应用程序中，我有 2 个屏幕。在第一页，我有 JSON 数据 [从实时服务器获取]；我想将此 JSON 数据传递到下一页。我使用 react-navigation 在页面之间导航。我将一个数据[手机号码] 传递到下一页。但我想不通，如何将 JSON 数据传递到下一页！第一页代码：[其中包含 JSON 数据]constructor(props) {     super(props)     this.state = {    UserMNO: ''    }   }  UserLoginFunction = () =>{ const { UserMNO } = this.state; const {firstname} = this.state; const {lastname} = this.state; const {email} = this.state; const {profession} =this.state;fetch('http://demo.weybee.in/react/User_Login.php', {  method: 'POST',  headers: {    'Accept': 'application/json',    'Content-Type': 'application/json',  },  body: JSON.stringify({  mobileno: UserMNO,      })}).then((response) => response.json())      .then((responseJson) => {        // If server response message same as Data Matched       if(responseJson != 'Enter valid phone number' )        {               console.log(responseJson[0]);            console.log(responseJson[1]);            console.log(responseJson[2]);            console.log(responseJson[3]);            //Then open Profile activity and send user email to profile activity.            this.refs.toast.show('Login successful', 500, () => {            const { navigation } = this.props;            const { UserMNO }  = this.state ;            navigation.navigate("Profile",              {mobileno : UserMNO},              );    });        }        else{          Alert.alert(responseJson);        }      }).catch((error) => {        console.error(error);      });  }

Answer 1

您可以像这样发送响应 JSON：

navigation.navigate(

              "Profile", 

              {mobileno: UserMNO, myJSON: responseJson} 

);

并在第二个屏幕中获取它：

const responseJson = this.props.navigation.getParam("myJSON");