如何以正确的方式在 TypeScript (.tsx) 中导入 React™？ [复制]答案

【问题标题】：How to import React in TypeScript (.tsx) the right way™? [duplicate]如何以正确的方式在 TypeScript (.tsx) 中导入 React™？ [复制]
【发布时间】：2020-03-03 19:32:39
【问题描述】：

在我们的 TSX/React Web 应用程序中，我们为 react 模块使用了两种不同的导入样式：

import * as React from "react";

和

import React from "react"

我不知道两者之间的任何功能差异。两者都工作得很好。有什么理由更喜欢一个概念而不是另一个？

【问题讨论】：

这完全取决于。对于React，两者都可以正常工作，因为所有类和方法都从包中导出，并结合export default。如果一个包没有导出default，那么你需要import * as package，这样你就可以将所有导出的方法作为一个对象。
@SonuBamniya 谢谢。我知道一般情况下的区别，但具体要求反应包。
好的！我认为您应该阅读this question
@SonuBamniya 太棒了，我的问题已经在那里得到解答。我的问题甚至可能被认为是重复的。您能否将其转换为答案，我会接受
@SimonWarta 我投票决定将您的问题作为另一个问题的副本关闭，这会导致系统自动添加评论。

标签： reactjs typescript ecmascript-6

【解决方案1】：

据我所知，两者都是一样的。

从“react”导入所有内容，然后我们可以在我们的应用程序中将其用作 React

  import * as React from "react";

和

一样

 import React from "react";

所以根据我你需要使用 import React from "react";。因为你可以直接从 react npm 访问 React。

【讨论】：

【解决方案2】：

你想做import React from "react"，所以你的编辑可以自动把它改成import React, { useState } from "react"。

【讨论】：

嗯，有趣的一点。我试过 import * as React, { useState } from "react"; 这是无效的语法。