ReactDOM.render()方法在1.8之后不推荐使用，那用什么代替

ReactDOM.render() 方法在 React 16 版本中仍然被使用，并且没有被废弃。不过在 React 18 中，如果你使用的是 React 的 Concurrent Mode，官方推荐使用新的渲染方法。一个替代 ReactDOM.render() 的方法是 ReactDOM.createRoot()。

ReactDOM.createRoot() 允许你创建一个根容器，可以渲染一个 React 元素，并且这个方法支持并发特性，使得在 React 18 中可以通过使用不同的渲染策略来获得更好的性能和用户体验。使用 ReactDOM.createRoot() 的基本步骤如下：

1. 首先，你需要在你的 HTML 文件中指定一个 DOM 容器（mount point）：

<div id="root"></div>

2. 然后在你的 JavaScript 文件中，使用 ReactDOM.createRoot() 创建一个新的根：

const root = ReactDOM.createRoot(document.getElementById('root'));

3. 最后，使用 render 方法来渲染你的 React 组件：

root.render(<App />);

这样，App 组件就会被渲染到 id 为 root 的 DOM 节点中。