React学习笔记-1

发表于

组件基础

  • 无论是类组件还是函数组件，组件名称首字母必须大写！
  • render函数return的内容只能有一个根节点，需要一个包裹元素，
    比如使用数组：
1
2
3
render(
  [<h1 />,<h2 />]
)

或者 Fragments:

1
2
3
4
5
6
7
8
9
10
11
12
13
render(
  <React.Fragments>
    <h1 />
    <h2 />
  </React.Fragments>
)
// 短语法:
render(
  <>
    <h1 />
    <h2 />
  </>
)

函数组件

  • 函数组件通常无状态，仅关注内容展示（Hooks除外）

类组件

  • 类组件通常拥有状态和生命周期，继承于Component，实现render方法

组件的生命周期