React報(bào)錯(cuò)：
'React' must be in scope when using JSX react/react-in-jsx-scope
意思是在使用JSX時(shí)，沒(méi)有引入React，比如像這樣：
import { useState } from 'react';
const App = () => {
const [count, setCount] = useState(0);
return <>
<h3>點(diǎn)擊了{count}次</h3>
<button onClick={() => {setCount(count + 1)}>click me</button>
</>
}
在使用import引入時(shí)，沒(méi)有引入React。所以在被Eslint的"plugin:react/recommended"檢查時(shí)，就會(huì)報(bào)錯(cuò)。
于是很多人就選擇引入的時(shí)候加上React，這樣
import React, { useState } from 'react';
這樣確實(shí)不報(bào)錯(cuò)了，但是他們忽略了一個(gè)版本事實(shí)：
在React@17以后，是不需要再手動(dòng)去引入React的。因?yàn)樵摪姹局蠹尤肓?code>react/jsx-runtime，會(huì)自動(dòng)對(duì)JSX進(jìn)行解析。
現(xiàn)在報(bào)錯(cuò)，就是因?yàn)?code>eslint中的extends中沒(méi)有加入這個(gè)runtime，加上就可以了文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-618159.html
// .eslintrc.js
module.exports = {
// ...
extends: [
"eslint:recommended",
"plugin:react/recommended",
// 加上這一條
"plugin:react/jsx-runtime"
]
// ...
}
問(wèn)題解決。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-618159.html
到了這里，關(guān)于【React】‘React‘ must be in scope when using JSX react/react-in-jsx-scope的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
