类似于Jquery,主要是操作Dom
特点:1、基于组件开发 2、基于虚拟dom,速度快
用React的所需要引入的三个包:
1、react.min.js (引入React语法)
2、react-dom.min.js (用react操作Dom)
3、brower.min.js (将 JSX 语法转为 JavaScript 语法,很耗时间,上线时,应将它放到服务器完成)
React也可以使用npm构建
React语法及相关知识:
使用React语法的type属性<script type="text/babel">
ReactDom.render有什么作用?将模板转化为html语言,“并插入”到Dom语言中(两步,合二为一)
JSX语法:允许 HTML 与 JavaScript 的混写(嵌套)
React封装组件:React.createClass ({组件内容})
var HelloMessage = React.createClass({ render: function() { return <h1>Hello {this.props.name}</h1>; } });
1、每一个组件必须有自己的render方法,用于输出组件。
2、组件类的第一个字母必须大写,否则会报错。
3、组件类只能有一个顶层标签。不能有平行的多个。
4、class
---> className
,for --->
htmlFor