将钩子导入React Typescript

Question

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

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

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

Answer 1

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

它可以是：

import React, {useState}  from 'react';

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

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"上也出现了同样的错误。查看它的type-def文件，它由于某种原因缺少useState函数，尽管在useReducer等其他钩子的注释中也提到了它。

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

Answer 3

尝试安装npm i @types/react