欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

  • react滾動加載useInfiniteScroll?詳解

    react滾動加載useInfiniteScroll?詳解

    使用useInfiniteScroll?hook可以處理檢測用戶何時滾動到頁面底部的邏輯,并觸發(fā)回調(diào)函數(shù)以加載更多數(shù)據(jù),它還提供了一種簡單的方法來管理加載和錯誤消息的狀態(tài),今天通過實例代碼介紹下react滾動加載useInfiniteScroll?相關(guān)知識,感興趣的朋友跟隨小編一起看看吧
    2023-09-09
  • 詳解React 服務(wù)端渲染方案完美的解決方案

    詳解React 服務(wù)端渲染方案完美的解決方案

    這篇文章主要介紹了詳解React 服務(wù)端渲染方案完美的解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-12-12
  • React+Antd修改Table組件滾動條樣式的操作代碼

    React+Antd修改Table組件滾動條樣式的操作代碼

    這篇文章主要介紹了React+Antd修改Table組件滾動條樣式的操作代碼,本文給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
    2024-12-12
  • React如何使用sortablejs實現(xiàn)拖拽排序

    React如何使用sortablejs實現(xiàn)拖拽排序

    這篇文章主要介紹了React如何使用sortablejs實現(xiàn)拖拽排序問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-01-01
  • 基于React?Hooks的小型狀態(tài)管理詳解

    基于React?Hooks的小型狀態(tài)管理詳解

    本文主要介紹一種基于?React?Hooks?的狀態(tài)共享方案，介紹其實現(xiàn)，并總結(jié)一下使用感受，目的是在狀態(tài)管理方面提供多一種選擇方式。感興趣的小伙伴可以了解一下
    2021-12-12
  • react入門級詳細筆記

    react入門級詳細筆記

    這篇文章講述了React的基本介紹,基本使用和React相關(guān)js庫.通過這篇文章可以入門React的使用,可以快速上手使用React進行代碼的編寫
    2021-06-06
  • React使用UI(Ant?Design)框架的詳細過程

    React使用UI(Ant?Design)框架的詳細過程

    Ant?Design主要用于中后臺系統(tǒng)的使用,它提供了豐富的組件和工具,可以幫助開發(fā)人員快速構(gòu)建出美觀、易用的界面,同時,Ant?Design還提供了詳細的文檔和示例,方便開發(fā)者學(xué)習(xí)和使用,這篇文章主要介紹了React使用UI（Ant?Design）框架,需要的朋友可以參考下
    2023-12-12
  • React之echarts-for-react源碼解讀

    React之echarts-for-react源碼解讀

    這篇文章主要介紹了React之echarts-for-react源碼解讀,echarts-for-react的源碼非常精簡，本文將針對主要邏輯分析介紹，需要的朋友可以參考下
    2022-10-10
  • react配置webpack-bundle-analyzer項目優(yōu)化踩坑記錄

    react配置webpack-bundle-analyzer項目優(yōu)化踩坑記錄

    這篇文章主要介紹了react配置webpack-bundle-analyzer項目優(yōu)化踩坑記錄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-06-06
  • React操作DOM之forwardRef問題

    React操作DOM之forwardRef問題

    這篇文章主要介紹了React操作DOM之forwardRef問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-03-03

最新評論