本文共 626 字，大约阅读时间需要 2 分钟。

我们初次使用tsx开发react项目时，肯定会对他的模块引入方式觉得很奇怪吧

在tsx里面，我们需要这样引入React：

import * as React from 'react'

而 在js 中我们可以这样引入：

import React,{Component, useState} from 'react'

从上面可以看出，其实使用tsx的方式引入不是很方便，因为React使我们每个React组件都必须要引入的,因为jsx语法需要依赖React,而当我们要实现类式组件或者使用hook时，我们需要用到Component和useState等，如果使用tsx的方法，我们需要这样写：

import * as React from "react";class Demo extends React.Component{    // ....}function Demo1(){    const [name,setName] = React.useState("kiner");    // ....}

这样是比较繁琐的，那么，有没有什么办法可以让我们在tsx中使用js的模块引入方式来引入模块呢 ？

答案是肯定的，我们只需要再tscofing.json的“compilerOptions”配置下面加入如下选项即可

{  "compilerOptions": {    "allowSyntheticDefaultImports": true  }}

转载地址：http://suuh.baihongyu.com/