登录
函数式组件的内部数据,类似类组件的 state。
useState 方法返回一个数组:
const [state, setState] = useState(初始值 或 方法)
入参:
返回数组:
useState 可多次使用,来声明多个 state。oldNameBool
可在执行 setState 时,再执行其他 state 的设置方法。
import React from 'react';
export default function Home() {
// 用法一,入参为值
let [state, setState] = React.useState(10);
// 用法二,入参为方法
// const [state, setState] = React.useState(() => {
// const date = new Date()
// return +date
// });
return (
<div>
<div>当前值:{state}</div>
{/* 用法一:setState 直接传入新值 */}
<button onClick={() => setState(state - 1)}> - 1</button>
{/* 用法二:setState 传入方法 */}
<button onClick={() => setState(oldState => oldState + 1)}> + 1</button>
</div>
)
}