Javascript 导入react时如何内联使用状态

我正在使用以下代码导入

useState

：

import * as React from 'react'
import {useState} from 'react'

我想知道是否有办法把它放在一行，例如我试过：L

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

但它不起作用

---

请让我知道谢谢

这通常适用于我：

import React, { useState } from "react";

---

命名和默认导入

对不起，您不能将两个

import*作为React、{useState}

放在一行中。如果要在一行中导入

React和{useState}

，则直接导入React-将

*作为

删除

import React, { useState } from 'react';

请参阅以下资料—

在第一个示例中，它们在单行中同时导入了这两个

为什么不允许从“React”导入“{useState}”作为React？

如下所示：

可以看出，“模块名”中没有导入*作为名称，{member}，因此不支持

之所以不支持它，是因为“模块名”中的“{member}”可以互换。它要么逐个导入成员，要么作为名称空间导入成员

如果出于某种原因两者都应使用，则应：

import * as Express from 'express';
import { Application, NextFunction, Request, Response } from 'express';

或者，如果导出是实变量而不是类型/接口，则可以是：

import * as Express from 'express';
const { Application, NextFunction, Request, Response } = Express;

---

引用-

从“React”导入React，{useState}

这里“React”将是默认导入，{useState}将是hook的名称，它不包括在React库的默认导出中

---

即使没有通过React.useState显式导入钩子，也可以使用useState，只需向tsconfig.json添加

“esModuleInterop”：true

，为什么-1？请添加评论，我可以改进我的问题，只需将

*删除为
。它应该是这样的
importreact，{useState}来自“React”
。
import * as Express from 'express';
import { Application, NextFunction, Request, Response } from 'express';

import * as Express from 'express';
const { Application, NextFunction, Request, Response } = Express;