入门

开发人员经常将 Flow 和 React 结合使用，因此 Flow 能够有效地为常见和高级 React 模式进行类型化非常重要。本指南将教你如何使用 Flow 创建更安全的 React 应用程序。

在本指南中，我们假设你了解 React 基础知识，并将重点介绍为熟悉模式添加类型。我们将使用基于 react-dom 的示例，但所有这些模式在其他环境（如 react-native）中也适用。

使用 React 设置 Flow

Flow 和 Babel 协同工作良好，因此对于已经使用 Babel 的 React 用户来说，采用 Flow 并不需要太多操作。如果你需要使用 Flow 设置 Babel，可以参考 本指南。

查看组件语法

Flow 支持专门用于编写 React 组件和 Hook 的语法，我们建议使用它，而不是使用常规的函数/类组件。请确保你已按照我们的 最新说明配置工具链，然后查看 组件语法 和 Hook 语法 文档。

React 运行时

Flow 支持使用 JSX 时所需的 @babel/plugin-transform-react-jsx 运行时选项，而无需显式导入 React 命名空间。

如果你使用的是新的自动运行时，请在你的 .flowconfig 中使用此配置，以便 Flow 知道自动导入 jsx

[options]
react.runtime=automatic