React版本18.xx降低為17.xx的方法實現(xiàn)
更新時間：2023年11月14日 11:51:55 作者：有夢想的菜
由于現(xiàn)在react默認創(chuàng)建是18.xx版本,但是我們現(xiàn)在大多使用的還是17.xx或者更低的版本,于是要對react版本進行降級,本文主要介紹了React版本18.xx降低為17.xx的方法實現(xiàn),感興趣的可以了解一下
由于現(xiàn)在react默認創(chuàng)建是18.xx版本，但是我們現(xiàn)在大多使用的還是17.xx或者更低的版本，于是要對react版本進行降級（當(dāng)然最初創(chuàng)建的時候可以指定版本）
npm install react@17.x react-dom@17.x --save
注意這兩個包要同時更換否則會報錯（兩個包版本是對應(yīng)的）
然而切換版本成功后會報錯，因為語法是新語法了
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)文章
使用useInfiniteScroll?hook可以處理檢測用戶何時滾動到頁面底部的邏輯,并觸發(fā)回調(diào)函數(shù)以加載更多數(shù)據(jù),它還提供了一種簡單的方法來管理加載和錯誤消息的狀態(tài),今天通過實例代碼介紹下react滾動加載useInfiniteScroll?相關(guān)知識,感興趣的朋友跟隨小編一起看看吧2023-09-09
這篇文章主要介紹了詳解React 服務(wù)端渲染方案完美的解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了React+Antd修改Table組件滾動條樣式的操作代碼,本文給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-12-12
React如何使用sortablejs實現(xiàn)拖拽排序
這篇文章主要介紹了React如何使用sortablejs實現(xiàn)拖拽排序問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
本文主要介紹一種基于?React?Hooks?的狀態(tài)共享方案，介紹其實現(xiàn)，并總結(jié)一下使用感受，目的是在狀態(tài)管理方面提供多一種選擇方式。感興趣的小伙伴可以了解一下2021-12-12
這篇文章講述了React的基本介紹,基本使用和React相關(guān)js庫.通過這篇文章可以入門React的使用,可以快速上手使用React進行代碼的編寫2021-06-06
Ant?Design主要用于中后臺系統(tǒng)的使用,它提供了豐富的組件和工具,可以幫助開發(fā)人員快速構(gòu)建出美觀、易用的界面,同時,Ant?Design還提供了詳細的文檔和示例,方便開發(fā)者學(xué)習(xí)和使用,這篇文章主要介紹了React使用UI（Ant?Design）框架,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了React之echarts-for-react源碼解讀,echarts-for-react的源碼非常精簡，本文將針對主要邏輯分析介紹，需要的朋友可以參考下2022-10-10
react配置webpack-bundle-analyzer項目優(yōu)化踩坑記錄
這篇文章主要介紹了react配置webpack-bundle-analyzer項目優(yōu)化踩坑記錄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了React操作DOM之forwardRef問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03