![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
reactjs
文章平均质量分 61
迷途小员员
这个作者很懒,什么都没留下…
展开
-
封装Hook请求钩子(useFetch),和使用signal消除fetch的副作用
进行很简单的封装。原创 2023-08-16 15:05:38 · 420 阅读 · 0 评论 -
在next中使用antd表格,表格使用render函数报错
Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".原创 2023-08-12 12:06:22 · 891 阅读 · 0 评论 -
使用Prisma访问数据库
这将根据你的模型定义生成相应的 Prisma 客户端代码。,你可以在 Next.js 项目中使用 P。原创 2023-08-10 19:30:52 · 795 阅读 · 0 评论 -
redux的中间件的介绍和使用
Redux中间件是位于派发和归约器之间的扩展点,它可以拦截、处理或修改派发的动作,并且可以对派发的动作进行异步处理。中间件提供了一种灵活的机制,可以在Redux应用中处理各种复杂的业务逻辑和副作用。原创 2023-08-09 09:15:44 · 340 阅读 · 0 评论 -
react使用ref调用子组件的方法
在上面的示例中,我们首先创建了一个ref,命名为。然后,在MyComponent组件上使用将ref绑定到该组件上。接下来,我们在父组件中定义了一个点击事件处理函数,当点击按钮时,会调用来调用MyComponent组件的myMethod方法。需要注意的是,在函数组件中使用ref时,需要使用useRef钩子。而在类组件中,可以直接使用来创建ref。原创 2023-08-09 09:16:03 · 692 阅读 · 0 评论 -
react进阶
react-virtualized的高阶组件,Autosize可以使屏幕适配。使用render-props模式来获取到AutoSizer组件暴露的width和height属性。 JSON.parse(JSON.stringify())不适用于有undefined的数据。 深拷贝的使用,不能使用在有undefined的数据中。有直接过滤undefinded的数据。 deepcopy (递归深复制)性能不好,占用内存。 immutable的拷贝:从子组件获取到地址信息,如果有新值,新值指向新值,其他继续原创 2023-08-08 01:12:58 · 980 阅读 · 0 评论 -
Immutable.js 进行js的复制
在提供不可变(Immutable)数据结构的支持。不可变数据是指一旦创建后就不能被修改的数据,每次对数据进行更新都会返回一个新的数据对象,而原始数据保持不变。原创 2023-08-08 00:11:48 · 223 阅读 · 0 评论 -
Styled-components,另一种css in js的方案
Styled-components是一种流行的CSS-in-JS库,它为React和React Native应用程序提供了一种优雅的方式来管理组件的样式。它的设计理念是将CSS样式与组件逻辑紧密绑定在一起,从而使样式在组件层级中作用更加清晰和可维护。原创 2023-08-07 23:50:33 · 648 阅读 · 0 评论 -
react-spring,一个react的动画库的使用
React Spring 是一个 spring physics based animation library 用于 React。它可以轻松地在 React 中实现弹性、渐变等动画效果。原创 2023-08-07 23:41:22 · 1346 阅读 · 1 评论 -
react-media如何使用
react-media 是 React 中用于响应式设计的一个很好的库。它可以用于在视口宽度满足特定条件时渲染组件。主要功能包括:媒体查询:通过 minWidth, maxWidth 和 width 等设置媒体查询条件。渲染组件:当媒体查询条件匹配时渲染子组件。默认样式:可以设置默认渲染的组件。当不满足所有媒体查询条件时使用。监听窗口大小变化:媒体查询条件变化会自动重新渲染组件。原创 2023-08-07 23:34:53 · 1511 阅读 · 0 评论 -
react出现了Invalid hook call. Hooks can only be called inside of the body of a function component.
/ Hook 只能在函数组件的最顶层使用 function Example() { if (someCondition) { const [count, setCount] = useState(0);在普通的 JavaScript 函数中使用 Hook 在 class 组件中使用 Hook 在自定义 Hook 内部再调用 Hook 在条件判断或循环中使用 Hook。这是因为你在函数组件以外使用了 React Hook。根据 React Hook 规则,Hook 只能在函数组件的最顶层作用域中调用。原创 2023-08-07 23:27:47 · 2159 阅读 · 0 评论 -
react-use-gesture
react-use-gesture 是一个基于 React Hooks 的库,用于处理手势事件。它提供了一种简单且灵活的方式来处理用户的手势操作,例如拖动、缩放、旋转等。原创 2023-08-07 22:52:29 · 1302 阅读 · 0 评论 -
react中的formik如何使用
Formik 是一个用于处理表单状态和验证的 React 库。它提供了一种简化和统一的方式来处理复杂的表单逻辑,包括表单值的管理、表单验证、表单提交和错误处理等。原创 2023-08-07 22:48:12 · 1060 阅读 · 0 评论