React：类式组件

语法代码：

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

总结：

• 类式组件三大必要点：1、继承React.conponent 2、有render函数 3、render函数有返回值
• 类式组件的render方法定义在哪里？---类的原型上面，供实例使用
• ReactDom.render()发生了什么？

1. 解析标签，找到了HelloMessage组件
2. 发现组件式类式组件定义的，随后new出来该实例，并通过该实例，调用其原型上面的render方法
3. 将render返回的虚拟Dom转化为真实Dom，呈现在页面上

• 类式组件的render函数中打印this是什么？---该类对应的组件实例对象

• 组件的三大属性是什么？state、props 、refs