React组件基础demo

React组件基础

React 组件重要内容：

1. 构建方式
2. 组件属性
3. 生命周期

React的组件分三个部分：

1. 属性props
2. 状态state
3. 生命周期

一个组件就是自定义标签

1. 函数组件/无状态组件

• 创建方式

function MyCpn () {
  return (
    <div>函数组件</div>
  )
}

• 调用组件

let cpn = <MyCpn />

3. 类组件

• 创建方式：

class MyCpn extends React.Component {
  render () {
    return (
      <div>类组件</div>
    )
  }
}

• 调用方法：

let cpn = <MyCpn />