【问题标题】:Unable to pass props to other components in react native navigation v2无法在反应本机导航 v2 中将道具传递给其他组件
【发布时间】:2018-12-06 06:54:27
【问题描述】:

React Native Navigation v2 中无法将 props 传递给其他组件。每当我试图在我的组件中调用该道具时,我都会变得不确定。我想通知我在我的项目中使用了 redux,我在 StackOverflow 中发现了一个类似的问题,但它对我不起作用。

React Native Navigation 代码:-

Navigation.push("FamilyStack", {
  component: {
    name: "com.radarx.FamilyFormScreen",
    passProps: {
      text: "Pushed screen"
    },
    options: {
      topBar: {
        title: {
          text: "Pushed screen title"
        }
      }
    }
  }
});

但是当我尝试使用该道具时,它给了我一个未定义类型的错误。

我试图在这里调用道具只是为了检查它是否有效。

class FamilyFormScreen extends Component {
constructor(props) {
super(props);
console.log("screen: ", props);

}

【问题讨论】:

  • 你有机会分享你的一些代码吗?如果不了解您正在使用的内容,将很难为您提供帮助。
  • @Lloyd 用代码更新问题
  • 感谢 Anmol,您能否分享您尝试调用道具的代码。
  • @Lloyd 更新问题

标签: javascript reactjs react-native react-redux react-native-navigation


【解决方案1】:

您需要从道具中提取正确的参数才能“看到”您通过导航传递的参数。

super(props)之后你应该可以拨打console.log("screen ", this.props)

【讨论】:

  • 我在控制台日志中获取了我的其他 redux 道具,但我从推送导航 API 传递的道具在控制台日志中不存在
  • 如果我不使用redux但使用redux,它会起作用,我不知道为什么它不起作用。
  • @AnmolSharma 我刚刚编辑过。尝试,如果没有,我建议您分享所有代码或使用代码创建 Expo 小吃并分享链接。
  • 我想你没有仔细看我的问题我使用的是 react-native-navigation V2 而不是 react-navigation 这两个库都用于在 react native 中导航
  • @AnmolSharma 你说得对,对不起。你能从 console.log(this.props) 更新一个 img 吗??
猜你喜欢
  • 1970-01-01
  • 2018-03-30
  • 2018-11-23
  • 1970-01-01
  • 2021-12-27
  • 2020-04-07
  • 1970-01-01
  • 1970-01-01
  • 2021-03-27
相关资源
最近更新 更多