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

Question

我对这个 React 本机和整个 javascript 都是新手。我正在尝试使用 wix react 本机导航将数据从一个屏幕传递到另一个屏幕。这是我的代码在屏幕一

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

我的数据是一个数组

在第二个屏幕上，我试图捕捉这样的价值

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

这是说未定义

谁能告诉我如何捕获数据。

我试图关注这个线程，使用 React-Native Navigation 传递数据 但是那些分析器给了我错误，说试图获取未定义的属性。

请提供任何帮助。谢谢

Answer 1

经过大量的到处寻找和一些试验和错误，我发现了。

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

Answer 2

在第一个屏幕。像这样传递参数。

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

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

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