React with TypeScript - 如何导入方法

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

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

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

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

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

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

从 TypeScript 2.7 开始，您可以打开esModuleInterop在您的 .tsconfig 文件中，以使导入像在普通 JavaScript 中一样工作。出于向后兼容性的原因，默认情况下禁用此功能，但是发行说明 https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-7.html say:

我们强烈建议将其应用于新项目和现有项目。