React(0.13) hello world

最新推荐文章于 2025-09-12 14:04:02 发布

转载最新推荐文章于 2025-09-12 14:04:02 发布 · 71 阅读

文章标签：

#javascript #ViewUI

本文展示了一个简单的ReactJS应用实例，通过HTML页面引入ReactJS和JSXTransformer库，实现了一个基本的“Hello, world!”应用程序。该示例代码演示了如何在网页中指定一个ID为'example'的<div>元素，并利用React.render方法将<h1>标签内容渲染到该<div>元素内。

<!DOCTYPE html>
<html>
    <head>
        <title>React JS</title>
        <script src="../build_0.13/react.js"></script>
        <script src="../build_0.13/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>

关注博主即可阅读全文