如何解决更漂亮 / ESLint / 反应
从菜鸟导入 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,这是这里的问题
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。