Javascript 反应类型脚本FC

下面的代码有什么区别？所有这些都很好，但我想知道哪种用法正确

import * as React from 'react';

type Props = {...some props..};

const App: React.FC<Props> = props => {
  return (...some content...)
}

import*as React from'React'；
键入Props={…一些Props..}；
const-App:React.FC=props=>{
返回（…某些内容…）
}

及

从“React”导入React；
键入Props={…一些Props..}；
const-App:React.FC=props=>{
返回（…某些内容…）
}

及

import React，{FC}来自'React'；
键入Props={…一些Props..}；
常量应用程序：FC=props=>{
返回（…某些内容…）
}

---

哪个变量是对的还是错的？

主要区别在于导入的方式

导入React对象并将别名指定为“React”。之后，使用别名导入的“属性”FC

导入React并使用导入的“属性”FC

导入React，然后导入命名的导出FC，该FC是稍后使用的导出FC

在这三种情况下，您将导入从模块“react”导出的默认值作为react，在第三种情况下，您还将导入命名的导出FC

---

没有唯一有效的方法可以做到这一点，结果也是一样的。

以下是您需要的

import React from 'react';

type Props = {...some props..};

const App: React.FC<Props> = props => {
  return (...some content...)
}

import React, { FC } from 'react';

type Props = {...some props..};

const App: FC<Props> = props => {
  return (...some content...)
}