Maison > Questions et réponses > le corps du texte
Je suis un développeur Angular et nouveau sur React, il s'agit d'un simple composant React, mais il ne fonctionne pas.
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;
Erreur : Lors de l'utilisation de JSX, « React » doit être dans le champ d'application React/React-in-jsx-scope
P粉9532317812023-09-19 00:40:20
Ajoutez les paramètres suivants dans .eslintrc.js
/ .eslintrc.json
pour ignorer ces erreurs :
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 }
Pourquoi ?
Si vous utilisez NEXT.js
,则无需在文件顶部导入React
, nextjs le fera pour vous.
Référence : https://gourav.io/blog/nextjs-cheatsheet(Aide-mémoire Next.js)
P粉1830770972023-09-19 00:36:48
La ligne d'importation doit être :
import React, { Component } from 'react';
Notez le R majuscule dans React.