Ich bin ein Angular-Entwickler und neu bei React. Dies ist eine einfache React-Komponente, aber sie funktioniert nicht.
import react, { Component } from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } } render(){ return( hello Tech View ); } } export default TechView;
Fehler:Bei Verwendung von JSX muss „React“ im Bereich „react/react-in-jsx-scope“ liegen
在
.eslintrc.js/.eslintrc.json中添加以下设置以忽略这些错误：rules: { // suppress errors for missing 'import React' in files "react/react-in-jsx-scope": "off", // allow jsx syntax in js files (for next.js project) "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], //should add ".ts" if typescript project }为什么？如果您使用的是
NEXT.js，则无需在文件顶部导入React，nextjs会为您完成。参考：https://gourav.io/blog/nextjs-cheatsheet（Next.js速查表）
导入行应该是：
import React, { Component } from 'react';注意React的大写R。