React常用hooks之useState

useState：用于修改、存储组件状态（记录变化数据）

import React, { useState } from 'react'; function MyComponent() { 
    // 初始值是 0 
    // count 是当前数，setCount是修改数的方法
    const [count, setCount] = useState(0); 
    return ( 
        <div> 
            <p>你点了{count}次</p> 
            <button onClick={() => setCount(count + 1)}> 点我加1 </button>
        </div> 
    ); 
}

需要额外注意的是，需要在setCount内部修改数值本身！ 反例：

count = count + 1; 
setCount(count);

正确：

setCount(count + 1);

常用场景：

• 表单输入
• 显示隐藏
• 计数器