React版本18.xx降低為17.xx的方法實現(xiàn)
由于現(xiàn)在react默認創(chuàng)建是18.xx版本，但是我們現(xiàn)在大多使用的還是17.xx或者更低的版本，于是要對react版本進行降級（當然最初創(chuàng)建的時候可以指定版本）
npm install react@17.x react-dom@17.x --save
注意這兩個包要同時更換否則會報錯（兩個包版本是對應的）
然而切換版本成功后會報錯，因為語法是新語法了
Failed to compile.
Module not found: Error: Can't resolve 'react-dom/client' in 'C:\React\react-scaffolding\src'
ERROR in ./src/index.js 6:0-40
Module not found: Error: Can't resolve 'react-dom/client' in 'C:\React\react-scaffolding\src'
webpack compiled with 1 error
解決辦法
import React from 'react';
//18
// import ReactDOM from 'react-dom/client';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
//18
// const root = ReactDOM.createRoot(document.getElementById('root'));
// root.render(
// <React.StrictMode>
// <App />
// </React.StrictMode>
// );
//17
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
reportWebVitals();官方地址：How to Upgrade to React 18 – React Blog
到此這篇關(guān)于React版本18.xx降低為17.xx的方法實現(xiàn)的文章就介紹到這了,更多相關(guān)React版本18.xx降低為17.xx內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
30分鐘精通React今年最勁爆的新特性——React Hooks
這篇文章主要介紹了30分鐘精通React今年最勁爆的新特性——React Hooks，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
React Fragment 和空標簽(＜＞＜/＞)用法及區(qū)別詳解
本文詳細介紹了React中的Fragment和空標簽的使用,包括它們的區(qū)別、使用場景、性能考慮以及最佳實踐,本文給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2025-01-01
React Native可復用 UI分離布局組件和狀態(tài)組件技巧
這篇文章主要為大家介紹了React Native可復用 UI分離布局組件和狀態(tài)組件使用技巧，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
使用React-Window實現(xiàn)虛擬滾動效果的示例代碼
React-Window?是一個為?React?應用程序中高效渲染大數(shù)據(jù)集而設(shè)計的庫,它基于窗口化或虛擬化的原則運行,本文將使用React-Window實現(xiàn)虛擬滾動效果,感興趣的可以了解下2024-01-01
useEffect是React中的一個鉤子函數(shù),用于處理副作用操作,這篇文章主要為大家介紹了React中useEffect函數(shù)的具體用法,希望對大家有所幫助2023-08-08
這篇文章主要為大家詳細介紹了react四大核心內(nèi)容架構(gòu)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
在現(xiàn)代 Web 開發(fā)中,語音識別技術(shù)的應用越來越廣泛,本文將介紹如何使用 React 實現(xiàn)一個簡單的語音識別并轉(zhuǎn)換的功能,有需要的小伙伴可以了解下2025-05-05
Node-sass是一個庫,它將Node.js綁定到LibSass（流行樣式表預處理器Sass的C版本）,它允許用戶以令人難以置信的速度將.scss文件本地編譯為css,并通過連接中間件自動編譯,下面這篇文章主要給大家介紹了關(guān)于React安裝node-sass失敗解決的相關(guān)資料,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了React如何解決樣式污染問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
今天介紹下React手寫tab切換問題，代碼部分包括父文件，子文件及子文件tab樣式，本文通過實例代碼給大家介紹的非常詳細，感興趣的朋友跟隨小編一起看看吧2021-11-11