入門

開發人員經常會同時使用 Flow 和 React，因此 Flow 能夠有效地輸入常見和進階的 React 模式非常重要。本指南將教您如何使用 Flow 來建立更安全的 React 應用程式。

在本指南中，我們假設您了解 React 基本知識，並專注於為您已經熟悉的模式新增類型。我們將使用基於 react-dom 的範例，但所有這些模式也適用於其他環境，例如 react-native。

設定 Flow 與 React

Flow 和 Babel 能夠順利共用，因此對於已經使用 Babel 的 React 使用者來說，採用 Flow 並不困難。如果您需要使用 Flow 設定 Babel，可以遵循 本指南。

查看元件語法

Flow 支援專門用於撰寫 React 元件和 Hook 的語法，我們建議使用此語法，而不是使用一般的函式/類別元件。請確保您使用我們的 最新說明設定您的工具鏈，然後查看 元件語法 和 Hook 語法 文件。

React 執行環境

Flow 支援 @babel/plugin-transform-react-jsx 執行時期選項，讓您無需明確匯入 React 名稱空間即可使用 JSX。

如果您使用新的自動執行時期，請在 .flowconfig 中使用此設定，讓 Flow 知道自動匯入 jsx

[options]
react.runtime=automatic