在React v16.8之前,函数式组件(Function Component)用于在不需要维护状态和生命周期时,作为类组件(Class Component)的一个便捷写法。类组件提供了更丰富的功能,但在一些简单的需求上显得有些冗余。如

class Greeting {
	render() {
		return <div>{this.props.name}</div>
	}
}

等效的函数组件为

function Greeting({name}) {
	return <div>{name}</div>
}

Hooks

约定

函数式组件

生命周期