ReactJS第一天

引包&安装

React官网

• 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>