将钩子导入 React Typescript

Question

我正在尝试使用 TypeScript 在 React (^16.6.0) 应用程序中实现钩子

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

知道此导入的正确语法是什么吗？

Answer 1

import 支持一组有限的语法变体。

有可能：

import React, {useState}  from 'react';

缺点是整个库都是导入的，因为React是默认导出，不能摇树。由于React使用 JSX 语法需要 import的存在，因此更有效的方法是：

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

钩子是在预发布的 React 16.7 中引入的。react版本约束应该是^16.7.0-alpha.0，@types/react应该是^16.7.0。

Answer 2

我在 上也有同样的错误"@types/react": "^16.8.17"。查看它的类型 def 文件，useState由于某种原因它缺少该函数，尽管在其他钩子（如useReducer.

升级到"@types/react": "^16.8.18"修复npm i @types/react@latest它。