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 Bloghttps://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-client-rendering-apis