React Hooks useState

import React, { useState } from "react";
const App = (props) => {
    // const [count, setCount] = useState(0)
    const [count, setCount] = useState(() => {
        return props.defaultCount || 0
    }); 
    // 延迟初始化的逻辑 , 这样只会调用一次提高效率
    // 注意: 如果这样使用的话 那么父组件的 defaultCount 改变 子组件也不会重新useState这个值
    return <button onClick={() => setCount(count + 1)}>Click{count}</button>;
};

export default App;

提示: useState 仅仅在顶层调用, 组件每次渲染的 useState 数量必须要一致, 必须要完全相同的顺序调用