更漂亮 / ESLint / 反应

编程问答 2022-08-07

问题描述

从菜鸟导入 TS / React 的规则冲突，但使用 Eslint / Prettier 并收到 'React' is declared but its value is never read. 错误，但如果我删除它，则会弹出 'React' must be in scope when using JSX 错误。我不知道为什么！

ReactDOM.render(<Hello greeting="Site under construction..." />,document.getElementById('root'));

import React from 'react';

export interface IProps {
    greeting: string;
}

function Hello({ greeting }: IProps) {
    return <div>{greeting}</div>;
}

export default Hello;

/Users/Jeremyrrsmith/Coding/GitHub/portfolio-site/src/components/Hello.tsx /Users/Jeremyrrsmith/Coding/GitHub/portfolio-site/src/components/Hello.tsx(undefined,undefined)中的TypeScript错误：
'React' 被声明，但它的值永远不会被读取。 TS6133

但是如果我从上面的 Hello.tsx 中删除导入

src/components/Hello.tsx
第 6:12 行：使用 JSX react/react-in-jsx-scope 时，'React' 必须在作用域内

搜索关键字以详细了解每个错误。

解决方法

react 的最后一个版本不需要导入。使用那个或修复你的 eslint，这是这​​里的问题

eslinteslintprettierreactjsreactjsreactjsreactjstypescripttypescripttypescript