反应本机navigation.state.params始终未定义

时间:2018-12-16 13:26:59

标签: reactjs react-native react-navigation flowtype

我对React本机还不是很陌生,我已经购买了一个名为sketch elements的模板来开始使用,它使用Flow进行类型检查。

https://react-native.shop/elements

我想在导航时传递参数,但是参数始终是不确定的。

这是我第一个组件中的代码-我想导航到传递关卡对象的navigationTo组件(在本例中为Photos)

type PhotosProps = NavigationProps<> & {
    level: object
};

export default class Photos extends React.Component<NavigationProps<PhotosProps>> {
    render(): React.Node {
        const { navigation } = this.props;
        console.log( navigation.state.params);
        return null;
    }
}

我的其他组件如下所示,控制台日志始终返回未定义。查看其他示例,这看起来与以前实现的功能相同,但是我显然缺少一些东西。

global $post;
$post_id = $post->ID

任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:4)

您可以使用react-navigation访问传递到const level = navigation.getParam('level')库中的参数。传递参数的文档:https://reactnavigation.org/docs/en/params.html

答案 1 :(得分:0)

如果使用react-navigation v5,则

route.params?.someParam ?? 'defaultValue';