引包&安装
- react.js
- react-dom.js
- browser.js
使用JSX语法
<script type="text/babel">
ReactDOM.render(JSX语法编写的内容, 渲染的目标DOM);
</script>
JSX语法规则
- 遇到HTML标签,按HTML规则解析
- 遇到代码块,按Javascript规则解析
组件
- 组件类命名首字母要大写
- 每个组件类都必须有自己的render方法,用于输出组件
- 每个组件类只能包含一个顶层标签
- 使用组件的时候,标签需要闭合符号,如
<HelloMsg />
,或使用双标签的形式<HelloMsg></HelloMsg>