欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 高考 > 【react8】如何在网页中直接引入react进行demo开发

【react8】如何在网页中直接引入react进行demo开发

2025/2/23 16:50:49 来源:https://blog.csdn.net/qq_27702739/article/details/145684447  浏览:    关键词:【react8】如何在网页中直接引入react进行demo开发
  • babel在线cdn链接地址
https://unpkg.com/browse/@babel/standalone@7.26.9/
  • unpkg在线cdn链接地址
https://unpkg.com/

项目工程

在这里插入图片描述

代码实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./js/react.js"></script><script src="./js/react-dom.js"></script><script src="./js/babel.min.js"></script>
</head>
<body><div id="root"></div><script type="text/babel">function MyButton() {return <div><button onClick={ () => {console.log("click")}}>Click me</button></div>}const root = ReactDOM.createRoot(document.getElementById('root'));root.render(React.createElement(MyButton));</script>
</body>
</html>

在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词