React创建Hello World

最新推荐文章于 2024-06-21 00:12:10 发布

QAQ小七

最新推荐文章于 2024-06-21 00:12:10 发布

阅读量128

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qubuqimingzi/article/details/125029539

版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

React
一、创建一个Hello World！

React

React学习记录

提示：以下是本篇文章正文内容，下面案例仅供参考

一、创建一个Hello World！

代码如下（示例）：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('example')
);
</script>
</body>
</html>