设计素材网站官网,免费推广平台,麻城网站建设,怎样在局域网做网站useState语法讲解
语法定义
const [state, dispatch] useState(initData)state#xff1a;定义的数据源#xff0c;可视作一个函数组件内部的变量#xff0c;但只在首次渲染被创造。dispatch#xff1a;改变state的函数#xff0c;推动函数渲染的渲染函数。dispatch有两…useState语法讲解
语法定义
const [state, dispatch] useState(initData)state定义的数据源可视作一个函数组件内部的变量但只在首次渲染被创造。dispatch改变state的函数推动函数渲染的渲染函数。dispatch有两种情况-非函数和函数。initDatastate的初始值initData有两种情况-非函数和函数。
案例演示
变量定义
const [count, setCount] useState(河畔一角);// 更新count
setCount(zhangsan)对象定义
const [user, setUser] useState({ name: 河畔一角, age: 30 });// 更新对象
setUser({...user, age:20})数组定义
const [list, setList] useState([Tom, Jack]);// 更新数组
setList([...list, zhangsan])异步执行
const [count, setCount] useState(0);// 点击按钮执行三次// 1
setCount(count 1)
setCount(count 1)
setCount(count 1)// 点击按钮异步执行
setTimeout((){setCount(count 1)
})函数执行
const [count, setCount] useState(0);// 使用函数更新
setCount(count count 1)
