react hooks
2024-10-17自定义hook函数,可以将某些组件逻辑提取到可重用的函数中,建议命名规则useXxx需求:react提供的useState方法不能修改对象,我们根据useState()方法自己封装一个支持修改对象的hook【setState({...state,});});return;});return (设置x
【React】React18 Hooks 之 useContext
2024-08-07useContext是一个 react hook,可让您从组件读取和订阅上下文。_react hook usecontext
【实战】 五、CSS 其实很简单 - 用 CSS-in-JS 添加样式(下) —— React17 react hook TS4 最佳实践,仿 Jira 企业级项目(七)
2024-04-29区别于react的功能组件emotion组件我们称其为样式组件新建gap?> * {/* 直接子元素强制控制样式 */important;important;> * {/* 直接子元素强制控制样式 */important;important;} `=>gap?> * {/* 直接子元素强制控制样式 */important;important;} `gap?> * {/* 直接子元素强制控制样式 */
手把手教你用react hook和TypeScript从零实现虚拟滚动列表组件
2024-04-19最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。_react 动态滚动列表
ahooks.js:一款强大的react hooks库及其API使用教程(一)
2024-04-08ahooks是一款由阿里巴巴开发团队设计的react hooks库,提供了一系列实用的react hooks,以便开发者更好地使用React的功能。ahooks的设计原则是“最小API,最大自由”,旨在提供最小的、最易于理解和使用的API,同时保留最大的使用自由度。useRequest是ahooks中最常用的一个API,它用于处理异步请求和其相关状态。在上述代码中,useRequest接收一个函数作为参数,该函数返回一个Promise。_ahooks
React中使用SWR处理数据请求
2024-03-29先上官网地址:https://swr.vercel.app/zh-CNSWR是一个用于数据请求的 react hooks 库,使用 SWR组件可以实时的获取服务器最新的数据。借用官方的说明:“SWR” 这个名字来自于 :一种由 HTTP RFC 5861 推广的 HTTP 缓存失效策略。这种策略首先从缓存中返回数据(过期的),同时发送 fetch 请求(重新验证),最后得到最新数据。当我们重新聚焦一个页面或在标签页之间切换时重新获取最新的数据,或者也可以自行设置一个获取数据的时间间隔(refreshInte
【实战】三、TS 应用:JS神助攻 - 强类型 —— React17 react hook TS4 最佳实践,仿 Jira 企业级项目(三)
2024-02-09具体配置、操作和内容会有差异,“坑”也会有所不同。在运行时(runtime)才会发现错误,部分引用笔记还在草稿阶段,敬请期待。能够极大地降低我们编码过程中的误码率。_react17 hook ts4
【实战】 五、CSS 其实很简单 - 用 CSS-in-JS 添加样式(上) —— React17 react hook TS4 最佳实践,仿 Jira 企业级项目(六)
2024-01-30render(_antd5 使用css-in-js的方式编写样式
react hooks 实战案例
2024-01-28在 React 之前的版本中,组件要么是函数组件,要么是类组件。函数组件可以使用纯函数的方式编写,但是没有状态(state)和其他 React 特性;类组件则可以拥有状态和其他 React 特性,但是需要使用 class 语法来定义。react hooks 就是在函数组件中引入了状态和其他 React 特性的工具。useState:在函数组件中添加状态,相当于在类组件中使用 this.state。_react hooks 实战 pdf下载