react18初体验React终于也发布到18版本了，这个版本带来了什么呢，接下来我们看下。如果是从开发者的基本使用层

React终于也发布到18版本了，这个版本带来了什么呢，接下来我们看下。如果是从开发者的基本使用层面来看，改动并不大，最大或者说升级时需要做更改的点是入口的render函数。 < react18，入口函数

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

reportWebVitals();

上面是cra创建出的react应用，目前版本17.0.2。 react18 入口函数

import React from "react";
import { createRoot } from "react-dom/client";
import "./index.css";
import App from "./App";
import reportWebVitals from './reportWebVitals';

const rootDom = document.getElementById("root");
const root = createRoot(rootDom);

// 这里需要把

root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

reportWebVitals();

上面就是更改之后的代码了。说实话，使用上的差别是真的不大，那么到底这个18做了哪些更改和优化呢，毕竟一个用法的更改，不至于发布一个大版本。

react18初体验

1. 生命周期的改动

2. 调度的更改