JSX语法:HTML语言直接写在JS语言中,不加任何引号
JSX基本语法规则(只有一个开头节点和一个结尾节点)
1.遇到HTML标签(以 < 开头),就用HTML规则解析
2.遇到代码块(以 { 开头),就用JS规则解析
React独有的JSX语法跟JS不兼容、凡事使用JSX的地方,都要加上
<script type="text/babel"></script>
使用React前必须首先加载
react.js React的核心库
react-dom.js 提供与DOM相关的功能
Browser.js 将JSX语法转换为JS语法
注意:书写的顺序
<script type="text/babel">
var Hello = React.createClass({
render: function() {
return (
<div>Hello</div>
);
}
});
ReactDOM.render(
<Hello/>,
document.body
);
</script>
React.createClass 生成一个组件类、组件名一定要大写,否则会报错
所有组件都必须有自己的render方法,用于输出组件
添加组件属性需注意(驼峰式命名规则)
1.class需写成className
2.for需写成htmlFor
ReactDOM.render() 是React的最基本方法、用于将模板转为HTML语言,并插入置顶的DOM节点(当前插入body中)