react -错误 Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function

原创于 2023-01-05 15:29:29 发布 · 4.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #react.js #javascript

react 专栏收录该内容

1 篇文章

订阅专栏

文章指出了在导入react-dom时的一个常见错误，即尝试从react-dom/client导入而不是从react-dom本身。修复方法是正确地从react-dom导入。示例展示了如何创建并渲染一个简单的React组件到页面的根元素。

错误：
在这里插入图片描述

错误代码：
在这里插入图片描述

解决：

import React from 'react';
// import ReactDOM from 'react-dom/client';
// 上面是错误写法
import ReactDOM from 'react-dom';
import './index.css';

function Hello() {
  return (
    <div>这是我的第一个组件</div>
  )
}

// 或者 render 中渲染组件
ReactDOM.render(<Hello/>, document.getElementById('root'))