这是一个函数式组件:
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时代,函数式组件无法像类组件一样维护生命周期和状态。一个函数式组件,就是一个返回