我正在try 将登录和注册中的值传递到Dashbord中,因为Sign是唯一的组件.我不知道如何从登录和注册中传递日志(log),有人能帮忙吗

sign.js

export default function Sign({navigation}) {
  async function onGoogleButtonPress() {
    await GoogleSignin.hasPlayServices();
    const userInfo = await GoogleSignin.signIn();
    setuserInfo(userInfo);
   navigation.navigate('dash', {userInfo});
  }
  return (
    <View style={styles.prheight}>
      <View style={styles.buttonw}>
        <GoogleSigninButton
          style={{width: 192, height: 48}}
          size={GoogleSigninButton.Size.Wide}
          color={GoogleSigninButton.Color.Light}
          onPress={onGoogleButtonPress}
          // disabled={this.state.isSigninInProgress}
        />
      </View>
    </View>
  );
}

register.js

export default function Register(props) {
  return (
    <View style={styles.prheight}>
      <View style={styles.buttonw}>
        <Sign navigation={props.navigation} log={name:"register"} />
      </View>
    </View>
  );
}

login

export default function login(props) {
  return (
    <View style={styles.prheight}>
      <View style={styles.buttonw}>
        <Sign navigation={props.navigation} log={name:"login"} />
      </View>
    </View>

dash.js

export default function dash(props) {
  const [text, setTextbaby] = useState();

  const {userInfo} = props?.route?.params;
  console.log(props.log);

推荐答案

你应该在符号组件中传递log个props ,然后这样拿它.

export default function Sign({ navigation, log }) {
 async function onGoogleButtonPress() {
    await GoogleSignin.hasPlayServices();
    const userInfo = await GoogleSignin.signIn();
    setuserInfo(userInfo);
   navigation.navigate('dash', {userInfo, log});
  }
// some code

}

毕竟,log将位于props.route.params对象内部

export default function dash(props) {
  const [text, setTextbaby] = useState();

  const {userInfo, log} = props?.route?.params;
  console.log(log);

}

更新:使用双括号(以便传递对象)

log={{name: "register"}}
log={{name: "login"}}

Javascript相关问答推荐

如何将Map字符串,布尔值转换为{key:string;value:bo布尔值;}[]?<>

Mongoose post hook在使用await保存时不返回Postman响应

如何让npx在windows中运行js脚本?

从Node JS将对象数组中的数据插入Postgres表

实现JS代码更改CSS元素

在使用REACT更改了CSS类之后,无法更改CSS样式

Puppeteer上每页的useProxy返回的不是函数/构造函数

从另一个数组中的对应行/键值对更新数组中的键值对对象

AddEventListner,按键事件不工作

JS Animate()方法未按预期工作

如何组合Multer上传?

使用CEPRESS截取时,cy.Wait()在等待5000ms的第一个路由请求时超时

JavaScript&;Reaction-如何避免在不使用字典/对象的情况下出现地狱?

Firebase函数中的FireStore WHERE子句无法执行

如何从Reaction-Redux中来自API调用的数据中筛选值

如何使用属性访问器定义循环的for...的局部变量

JSdiscord机器人为什么不工作前缀?如何决定与discord机器人的问题?

更改所有验证组件文本和背景 colored颜色

如何在 map 中显示美国州/加拿大省的缩写-第1部分?

Chartjs 2.7.2,数据集的堆叠折线图背景 colored颜色 重叠