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

我是初学者,仍在学习如何对本机做出反应。


在我的本机应用程序中,我有 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);

      });


  }


素胚勾勒不出你
浏览 239回答 1
1回答

拉丁的传说

您可以像这样发送响应 JSON:navigation.navigate(              "Profile",               {mobileno: UserMNO, myJSON: responseJson} );并在第二个屏幕中获取它:const responseJson = this.props.navigation.getParam("myJSON");
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript