使用 Hooks 在纯 React 中进行状态管理:useState
使用状态钩子
大家好👋,希望你们一切都好😊。
今天,你将学习useState()Hook的所有基本概念,Hook是React中最常用的Hook之一。
开始之前,你需要遵守一些使用 Hooks 的规则😟。幸运的是,React 团队提供了一个名为eslint-plugin-react-hooks的 ESLint 插件,它可以帮助你在使用 Hooks 时强制执行这些规则🤩。
使用状态钩子
useState()是一个 Hook。Hook 是 React 提供的一个函数,它允许你从函数式组件中调用 React 的功能。
useState()Hook 允许你在函数式组件中拥有一个本地状态。
useState()这是一个钩子函数,它接受一个参数(可以是任何原始类型或非原始类型),并返回一个数组。数组的第一个元素是一个存储当前状态的变量,第二个元素是一个用于更新当前状态的函数。
例子
useState()在本文结束之前,我想提一下,一个函数式组件中可以有多个Hook。
现在,你已经掌握了 Hook 的所有基本概念useState()🤘。
感谢阅读!我叫比平·拉杰巴尔 (Bipin Rajbhar),我喜欢帮助大家学习新技能😊。如果您想及时收到新文章和资源的通知,可以在推特上关注我。
文章来源:https://dev.to/bipinrajbhar/state-management-in-pure-react-with-hooks-usestate-4afl
