react模板

最新推荐文章于 2026-07-15 16:44:28 发布

原创最新推荐文章于 2026-07-15 16:44:28 发布 · 2.7k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端笔记

当前文章被收录于：

前端笔记

165 篇文章 2 人学习

订阅专栏查看详情

react

当前文章被收录于：

react

19 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文档介绍了React.js的基础模板配置，包括核心库react.js、DOM相关的react-dom.js以及用于将JSX转换为JavaScript的browser.min.js。此外还涉及了如何在HTML文件中设置容器元素以供React渲染，并指出了使用JSX时需要注意的事项。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>react模板</title>
    <!--react.js是react的核心库-->
    <script src="./build/react.js"></script>
    <!--react-dom.js的作用是提供与dom相关的功能-->
    <script src="./build/react-dom.js"></script>
    <!--browser.min.js的作用是将JSX语法转换为javascript语法-->
    <script src="./build/browser.min.js"></script>
    <!--<script src="http://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js "></script>-->
</head>

<body>

<!--react渲染的模板内容会插入到这个dom节点中，作为容器-->
<div id="container">



</div>


<!--在react开发中，使用jsx，跟javascript不兼容，在使用jsx的地方，要设置：type=text/babel-->
<!--babel是一个转换编辑器，es6转换成可以在浏览器中运行的代码-->
<script type="text/babel">

</script>

</body>
</html>