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
Tambah tetapan berikut dalam
.eslintrc.js
/.eslintrc.json
untuk mengabaikan ralat ini:Kenapa? Jika anda menggunakan
NEXT.js
,则无需在文件顶部导入React
, nextjs akan melakukannya untuk anda.Rujukan: https://gourav.io/blog/nextjs-cheatsheet(Lembaran cheat Next.js)
Barisan import hendaklah:
Perhatikan huruf besar R dalam React.