打字稿：命名空间导入+特定导入

Question

我试图解决的问题

import * as React from 'react'; import {Component} from 'react';

我不喜欢它是两行 - 坦率地说，我的 linter 设置甚至不允许它。

但是写下面 import * as React from 'react'; const Component = React.Component; 对我来说也不太好——因为我将有 llines 的导入而不是 const delarations——它们实际上是导入

在非 TS 语法中，上述行可能是

import React, {Component} from 'react';

这就是我要找的，但是

import * as React, {Component} from 'react'; 不是有效的语法。

问题

我怎样才能实现一个具有命名空间导入和部分导入的单行代码

Answer 1

从 TypeScript 2.7 开始，您可以在 tsconfig.json 中启用 esModuleInterop 以启用 import React, { component } from 'react'

import * as React from 'react'有一个特定的含义，就是获取模块react的模块命名空间对象。 由于它获取了模块中的所有内容，因此使用React.component 然后使用import { component } from 'react' 提取component 更自然。