reactjs - React with TypeScript - 如何导入方法

Question

在 React with TypeScript 中，我收集您使用 import * as React from 'react'; 导入.

如果我想使用useState和Fragment例如，我知道我可以使用 React.useState和React.Fragment 。但是，有什么办法可以解构导入中的那些吗？我知道如果没有 TypeScript，你会做...

import react, { useState, Fragment } from 'react';

您是否必须进行两次导入，例如......

import * as React from 'react';
import { useState, Fragment } from 'react';

或者会导入两次吗？看起来也有点笨拙。

Answer 1

从 TypeScript 2.7 开始，您可以在 .tsconfig 文件中打开 esModuleInterop ，以使导入像在普通 JavaScript 中一样工作。出于向后兼容性的原因，默认情况下禁用此功能，但 release notes说:

We highly recommend applying it both to new and existing projects.