Ich bin ein Angular-Entwickler und neu in React. Dies ist eine einfache React-Komponente, die jedoch nicht funktioniert
import react , { Component} from 'react';
import { render } from 'react-dom';
class TechView extends Component {
constructor(props){
super(props);
this.state = {
name:'Gopinath'
}
}
render(){
return(
<span>hello Tech View</span>
);
}
}
export default TechView;
Fehler: 'React' muss im Gültigkeitsbereich sein, wenn JSX react / react-in-jsx-scope verwendet wird
Für diejenigen, die immer noch nicht die akzeptierte Lösung erhalten:
Hinzufügen
am Anfang der Datei.
quelle
Fügen Sie unter Einstellung
.eslintrc.js
/.eslintrc.json
diese Fehler zu ignorieren:Warum? Wenn Sie verwenden, müssen
NEXT.js
Sie nichtReact
oben in Dateien importieren , nextjs erledigt dies für Sie.quelle
"react/react-in-jsx-scope": "off"
wird der Fehler behoben. Was bewirkt das Hinzufügenglobals
? Vielen Dank!Dies ist ein Rechtschreibfehler, den Sie
React
anstelle von eingeben müssenreact
.quelle