React - Facebook开源Javascript库

最新推荐文章于 2024-04-30 00:50:15 发布

rsspub

最新推荐文章于 2024-04-30 00:50:15 发布

阅读量3.6k

点赞数

分类专栏： React 文章标签： Facebook 开源 JavaScript React JSX

本文链接：https://blog.csdn.net/rsspub/article/details/9001132

版权

React 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1. React 概述

React是Facebook开源的一套Javascr库，使用了类似XML的JSX语法来构建组件。

JSX与我们常规的JS语法最大的不同就是，JSX任何东西都是组件/节点（Components），我们无需像普通JS那样子去CreateElement，取而代之的是直接编写HTML代码，所有的HTML标签均被解析为DOM节点。

例如：正常情况下我们创建一个DOM节点使用 document.createElement('div');，但JSX允许您使用我们直接使用HTML语法的编写方法 <div>...</div>，两者实现的结构是一样的，都创建了一个div标签。

2. React 浏览器兼容性

React支持Chrome、Firefox、Safari、IE；如果您想在IE8使用react，那么就需要使用ES5 Shims扩展库。

3. 获取React

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

4. React 第一个例子 Hello World

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-type' content='text/html; charset=utf-8'>
<title>Hello World - React Starter</title>
<script src="react/react.js"></script>
<script src="react/JSXTransformer.js"></script>
</head>
<body>

<div id="container"></div>
<script type="text/jsx">
/**
* @jsx React.DOM
*/
React.renderComponent(
    <h1>Hello World!</h1>,
    document.getElementById('container')
);
</script>

</body>
</html>

注意：/** @jsx React.DOM */ 这行注释必须存在，否则React无法运行，具体原因暂时未能得知，我会在后续的文章中介绍到。

您可以修改并重新发布本文，如果您能留下本文的参考连结，万分谢谢！
如果您对本文存在疑问，欢迎留言或者直接对本文评论，我会在看到的第一时间回复您。

rsspub

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
React - Facebook开源Javascript库

1. React 概述React是Facebook开源的一套Javascr库，使用了类似XML的JSX语法来构建组件。JSX与我们常规的JS语法最大的不同就是，JSX任何东西都是组件/节点（Components），我们无需像普通JS那样子去CreateElement，取而代之的是直接编写HTML代码，所有的HTML标签均被解析为DOM节点。例如：正常情况下我们创建一个DOM节点使用 d
复制链接

扫一扫