什么是react-navigation认为的屏幕？

Question

什么是react-navigation认为的屏幕？

它是RouteConfigs中的任何条目(即StackNavigator)吗？它也需要是一个ES6类吗？

我正在尝试访问this.props.navigation，但props是undefined，我怀疑这是因为我的组件是一个无状态的功能组件。如果我把它变成一个类，道具就在那里。

有没有一种使用无状态功能组件和导航的方法？

Answer 1

当你使用无状态组件时，你不能使用this.props来访问道具，因为无状态意味着只有一个简单的函数(而不是一个类实例)，即没有this。因此，您可以使用函数参数来访问props。请看以下两个示例：

const StatelessComponent = props => (
    <div>{props.label}</div>
);

或者：

const StatelessComponent = ({label , anotherProp}) => (
    <div>{label}</div>
);

因此，对于您的情况，只需访问props.navigation即可。