从 React 导入命名导出不适用于 Flow 类型

【问题标题】：Importing named exports from React does not work on Flow-type从 React 导入命名导出不适用于 Flow 类型
【发布时间】：2020-06-17 11:41:10
【问题描述】：

版本

"react": "16.9.0",
"react-native": "0.61.5",
"flow-bin": "0.107.0"

问题

我正在处理一个正在进行的项目，我和团队负责人同意强制使用 Flow 添加静态类型，因为它已经设置好了，但他们没有使用它。

每当我从React 导入命名导出时，它都会抱怨没有具有该名称的导出模块。（见附图）。

我什至尝试创建一个与实际项目版本相同的新 RN 项目，但仍然显示相同的错误。

【问题讨论】：

【解决方案1】：

在flow 中没有React.FC 这样的类型，因为它是Typescript 类型。

在相关文档中查看所有Type References。

// TS
const Foo: React.FC<Props> = (props) => { ... }

// Flow
const Foo = (props: Props): React.Node => { ... }

您的代码是指带有流客户端的javascript文件中的打字稿类型，不要混淆。

React.FC 类型来自@types/react/index.d.ts，如上所述。

type FC<P = {}> = FunctionComponent<P>;

【讨论】：