javascript - `import type {Node} from ' 有什么 react ';` 以及在 App : () => Node 中的用法

Question

运行这个命令:

npx react-native init AwesomeProject

在 App.js 文件中我不明白 2 行:

import React from 'react';
import type {Node} from 'react';  // 1
import {
  SafeAreaView,
  ScrollView,
 // ..... Code .... 

const App: () => Node = () => {  // 2
   // ..... Code .... 


export default App;

1. 导入类型 Node

   正在关注 Is there a point to doing 'import type' rather than 'import' with Flow? ，据我了解，此类导入用于导入类型的对象，例如:

   import type { Array, Object, ... } from 'wherever';
   

   老实说，我更关心下一点(可能如果我明白我也会自动得到这个)。

2. const App: () => Node = () =>

   我所看到的只是 App 是一个变量，它引用了一个函数，该函数返回一个 Node 类型的对象，这个 Object 也是一个功能。它是否将应用程序包装到“React”实例或其他东西中？

Answer 1

What does const App: () => Node = () => do and why you would want to use it?

如果我们删除类型，代码是:

const App = () => {
  // ... code
}

这是一个 React 功能组件。

然后在其之上添加一个类型:() => Node。这意味着它是一个不带参数并返回 react Node 的函数。类型通过让计算机更好地分析代码并更快地指出错误(甚至在运行代码之前)来帮助开发