React版本18.xx降低为17.xx的方法实现
作者：有梦想的菜
由于现在react默认创建是18.xx版本,但是我们现在大多使用的还是17.xx或者更低的版本,于是要对react版本进行降级,本文主要介绍了React版本18.xx降低为17.xx的方法实现,感兴趣的可以了解一下
由于现在react默认创建是18.xx版本，但是我们现在大多使用的还是17.xx或者更低的版本，于是要对react版本进行降级（当然最初创建的时候可以指定版本）
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
到此这篇关于React版本18.xx降低为17.xx的方法实现的文章就介绍到这了,更多相关React版本18.xx降低为17.xx内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！