老师这是引入压缩版reactDom库失败，对不

球球不一般 2023-09-27

源自：React基础入门 2-2 如何在网页中快速使用 React（下）

收起

1回答

好帮手慕小李 2023-09-27 14:27:53

同学你好，

react-dom的链接如下https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js

babel的链接如下 https://unpkg.com/@babel/standalone/babel.min.js

同学自行copy一下即可。

祝学习愉快！

收起回答

Tinaisbest #1

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="root"></div>
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<!-- <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> -->
<script>
        // 组件是页面的一部分
        function LikeButton(){
            return React.createElement('button',{ // 创建一个元素，第一个元素是一个button
                onClick: ()=>{
                    console.log('button clicked')
                }
            }, 'Click') // button按钮上的文字Click
        }
        const rootNode = document.getElementById('root')
        const root = ReactDom.createRoot(rootNode) // react创建一个根实例，然后把react根节点传入根实例
        root.render(React.createElement(LikeButton)) //把刚才的组件渲染出来
    </script>
</body>
</html>

<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<!-- <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> -->
<script>

老师，我用前3个url 和后3个url都报这个问题