React学习笔记（1）--第一个程序

最新推荐文章于 2024-02-23 09:57:05 发布

thystar

最新推荐文章于 2024-02-23 09:57:05 发布

阅读量701

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/thystar/article/details/48014555

版权

web前端专栏收录该内容

20 篇文章 0 订阅

订阅专栏

React.js（React）是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。

React基于在数据模型之上声明式指定用户界面的理念，用户界面会自动与底层数据保持同步。与前面提及的框架不同，出于灵活性考虑，React使用JavaScript来构建用户界面，没有选择HTML。

react的下载地址：http://facebook.github.io/react/docs/getting-started.html

react有两个主要特点，1，简单，2，声明式，下面给出第一个实例：

<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <meta charset="UTF-8">
    <title></title>
    <script src="build/react.js"></script>
    <script 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>

其中，JSX可以看作是javascript的扩展，有点像XML，使用React,可以进行 JSX语法到JavaScript的转换。具体内容将在以后的章节中介绍。

thystar

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
React学习笔记（1）--第一个程序

React.js（React）是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。React基于在数据模型之上声明式指定用户界面的理念，用户界面会自动与底层数据保持同步。与前面提及的框架不同，出于灵活性考虑，React使用JavaScript来构建用户界面，没有选择HTML。react的下载地址：http://facebook.github.io/reac
复制链接

扫一扫