如何在wix中将数据从一个屏幕传递到另一个屏幕反应本机导航

时间:2018-06-16 11:18:22

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

我是这个React原生和javascript的新手。我试图使用wix反应原生导航将数据从一个屏幕传递到另一个屏幕。 这是我的代码 在屏幕上

 _gotoAnotherScreen = (screen,data) => {
        this.props.navigator.push({
            screen: screen,
            title: data.title,
            passProps: {
                data: data
            }
        });
    };

我的数据是一个数组

在第二个屏幕上,我试图抓住这样的价值

const { params } = this.props.navigator;
 console.log(params);

这是说未定义的

任何人都可以告诉我如何捕获数据。

我试图关注这个帖子,Passing Data Using React-Native Navigation 但那些激动人士给我的错误说是试图获得未定义的属性。

请帮忙。谢谢

2 个答案:

答案 0 :(得分:1)

经常看到这里和那里以及我发现的一些反复试验。

它可以像任何其他对象一样使用。 像这样this.props.data

答案 1 :(得分:1)

在第一个屏幕上。像这样传递param。

 this.props.navigation.navigate({
            screen: "SecondScreen",
            params: { data: data }
 });

在第二个屏幕上,您可以像这样捕捉参数值。

componentDidMount() {
  const {data} = this.props.navigation.state.params;
}