中这样配置 使用react-dom/client去渲染虚拟dom就会直接报错

Question

在使用ReactDom 直接渲染dom时不能使用redux

相同的redux代码
store.js

constant.js

reducer.js

action

在react入口文件中这样配置 使用react-dom/client去渲染虚拟dom

就会直接报错

如果使用react-dom 就正常

铁子们这是为什么****************

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

这个问题可能是因为在React 18中，react-dom/client的渲染方式发生了变化。在React 18之前，我们可以使用ReactDOM.render()方法来渲染组件。但在React 18中，我们需要使用ReactDOMClient.createRoot()方法来创建一个根节点，然后使用root.render()方法来渲染组件。

所以，你需要将原来的代码：

import ReactDOM from "react-dom";
ReactDOM.render(<App />, document.getElementById("root"));

替换为：

import { createRoot } from 'react-dom/client';
const root = createRoot(document.getElementById('root'));
root.render(<App />);

这样就可以解决问题了。