这是一个函数式组件:

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

它没有状态,只在props改变的时候由React触发执行,生成新的React Element。

React Hooks为React的函数组件带来了维护状态的能力。

这是一个使用了React Hooks的组件:

function Counter() {
	const [count, setCount] = useState(0);
	return (
		<button onClick={() => setCount(count + 1)}>
			{count}
		</button>
	);
}

useState就是React 提供的Hooks API之一。

React.render() 在pre Hooks时代,函数式组件无法像类组件一样维护生命周期和状态。一个函数式组件,就是一个返回