React入门教程

黄宝康

于 2017-09-05 15:14:53 发布

阅读量416

点赞数

CC 4.0 BY-SA版权

分类专栏： React 文章标签： React 入门教程

本文链接：https://blog.youkuaiyun.com/huangbaokang/article/details/77851847

React 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的React应用实例，通过创建并渲染一个包含“Hello, world!”文本的HTML元素来展示React的基本用法。该示例包括了如何设置HTML文件、引入React库以及使用JSX语法进行组件渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在安装包根目录新建hello.html文件

这里写图片描述

代码内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>React入门教程</title>
    <script type="text/javascript" src="build/react.js"></script>
    <script type="text/javascript" src="build/JSXTransformer.js"></script>
</head>
<body>
    <div id="example"></div>
    <script type="text/jsx">
        React.render(<h1>Hello,world!</h1>,document.getElementById("example"));
    </script>
</body>
</html>