甘肃省住房和城乡建设部网站,网页游戏制作难吗,上海传媒公司排行榜,网站建设怎么插图片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)
