Apabila menggunakan 'React' dalam JSX, ia mesti disertakan dalam skop react/react-in-jsx-scope
P粉364642019
P粉364642019 2023-09-18 19:58:41
0
2
672

Saya seorang pembangun Angular dan baru menggunakan React, ini adalah komponen React yang mudah, tetapi ia tidak berfungsi.

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;

Ralat: Apabila menggunakan JSX, 'React' mestilah dalam skop react/react-in-jsx-scope

P粉364642019
P粉364642019

membalas semua(2)
P粉953231781

Tambah tetapan berikut dalam .eslintrc.js / .eslintrc.json untuk mengabaikan ralat ini:

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
  }

Kenapa? Jika anda menggunakan NEXT.js,则无需在文件顶部导入React, nextjs akan melakukannya untuk anda.

Rujukan: https://gourav.io/blog/nextjs-cheatsheet(Lembaran cheat Next.js)

P粉183077097

Barisan import hendaklah:

import React, { Component }  from 'react';

Perhatikan huruf besar R dalam React.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan