<Props> 当我使用 react-native 创建项目时，'export default class App extends Component<Props>'意味着

Question

我熟悉 react 现在我刚刚使用 react-native init 命令创建了一个 react 本机项目。我在App.js文件中注意到这样的文件，

export default class App extends Component<Props> {
}

这里<Props>是什么意思。？

Answer 1

该代码使用Flow，这是Facebook编写的JavaScript类型检查器。

React 文档在这里解释了它的使用方式：

我们删除了对道具类型的依赖，并添加了一个名为 Props 的 Flow 对象类型，其形状与道具类型相同，但使用 Flow 的静态类型语法。然后我们将新的 Props 类型作为类型参数传递给 React.Component。

然后，Flow 类型检查器可以告诉您是否发送了错误的类型作为组件属性(而不是使用prop-types)。

Answer 2

这是针对Flow类型的。您可以在此处阅读有关react-native的流类型的信息 https://medium.com/react-native-training/getting-started-with-react-native-and-flow-d40f55746809