React----组件Component基础知识

组件的定义

import React, { Component } from 'react';

// 类式组件
export default class App extends Component {
  constructor() {
    super();

    this.state = {
      message: "你好啊,李银河"
    }
  }

  render() {
    return (
      

        我是App组件
        {/* alt + shift + f: 对代码进行格式化 */}
        
{this.state.message}
      
    )
  }
}

/**
 * 函数式组件的特点:
 *  1.没有this对象
 *  2.没有内部的状态
 */
export default function App() {
  return (
    

      我是function的组件: App组件
      
counter
      +1
      
你好啊,王小波
    
  )
}

组件实例三大属性1_state

---

state的简写方式

组件实例三大属性2_props

props基本使用

对props进行限制

props的简写方式

函数组件使用props

组件实例三大属性3_refs

字符串形式的ref

回调函数形式的ref

createRef的使用