React
关注
分享
扫一扫
文章平均质量分 64
React
天問_
天問的个人网站(天问博客)，专注于Node.js、Vue.js、Svelte、Electron.js、Tauri、Vite、Nginx等大前端技术。不断学习新技术，记录日常开发问题，持续分享coding，极客开源，共同进步。
展开
-
React + react-device-detect 实现设备特定的渲染
当构建响应式网页应用时，了解用户正在使用的设备类型（如手机、平板或桌面）可以帮助我们提供更优化的用户体验。本文将介绍如何在 React 项目中使用 react-device-detect 库来检测设备类型，并根据不同的设备显示不同的组件或样式。原创 2024-01-29 14:49:00 · 1399 阅读 · 0 评论 -
Next.js 导航和路由跳转
在构建现代化的 React 应用程序时，良好的导航和路由管理是至关重要的。Next.js 提供了强大的导航和路由系统，使得开发者能够轻松地实现页面之间的切换和传递数据。本文将深入介绍 Next.js 中的导航和路由跳转，帮助你更好地理解和应用这些功能。原创 2024-01-22 15:34:07 · 2520 阅读 · 0 评论 -
React 实现 textarea 文本域自适应高度(autoSize)
在 React 应用中，有时需要一个文本域（textarea）能够根据输入的内容自动调整其高度。这在创建具有良好用户体验的表单和界面时非常有用。本文将介绍如何使用 React 来实现这一功能。原创 2024-01-19 10:39:04 · 1569 阅读 · 0 评论 -
nextjs + ahooks 报错 Cannot use import statement outside a module
在 nextjs 中使用 ahooks 时，报错 SyntaxError: Cannot use import statement outside a module原创 2024-01-10 15:31:50 · 1268 阅读 · 0 评论 -
React onClick 事件阻止冒泡
在 React 中，你可以通过使用 onClick 事件来处理点击事件，并且可以通过在事件处理函数中调用 stopPropagation() 方法来阻止事件冒泡。本文将为你提供 类组件 和 函数式组件 两种示例。原创 2023-12-28 11:37:40 · 2404 阅读 · 0 评论 -
Antd Cascader 组件指定 placement 弹出位置无效
最近在使用 Antd Cascader 组件时，发现指定 placement 弹出位置无效，查看官方文档也没有找到相关的说明，经过一番搜索，终于发现了问题所在。原创 2023-12-26 13:30:21 · 1005 阅读 · 0 评论 -
nextjs + antd 与 UnoCSS 样式冲突
使用 nextjs + UnoCSS 框架开发项目时，引入 antd 组件库，发现样式冲突，导致 antd 的按钮组件变成透明的了，如下图。原创 2023-12-22 14:47:26 · 997 阅读 · 0 评论 -
zustand 搞定 react 中复杂状态管理
Zustand 是一个轻量级的、无依赖的状态库，适用于 React 和函数式编程。它提供了一个简单、灵活的方式来管理应用程序的状态。本文就讲讲如何使用 zustand 搞定 react 中复杂状态管理，进而替代 redux 。原创 2023-12-22 11:47:11 · 2520 阅读 · 0 评论 -
React + valtio 响应式状态管理
Valtio 是一个很轻量级的响应式状态管理库。valtio 让数据管理在 React 和原生 JS (Vanilla) 中变得更加简单的一个库，它类似于 Vue 的数据驱动视图的理念，使用外部状态代理去驱动 React 视图来更新。原创 2023-12-21 13:36:37 · 1423 阅读 · 0 评论 -
PropTypes 在 React 中的使用心得
在 React 开发中，PropTypes 是一个非常有用的库，用于对组件的属性进行类型检查。它可以帮助我们在开发过程中捕获潜在的错误，提高代码的可靠性和可维护性。本文将介绍 PropTypes 的基本用法和一些使用心得。原创 2023-12-21 13:32:30 · 2674 阅读 · 0 评论 -
Antd v5.8 modal.confirm 手动控制关闭
开发中经常需要使用操作提示弹窗，在 Antd 中的 Modal 组件提供了 confirm 方法，可以快速实现操作提示弹窗。本文就来介绍一下如何使用 Modal.useModal 创建弹窗，并且实现手动控制弹窗的关闭逻辑。原创 2023-12-14 18:34:04 · 3074 阅读 · 0 评论 -
react-router-dom 在 React Hook 中的常用组合拳
React Router DOM 是一个用于在 React 应用中实现路由功能的库。它提供了一组组件和钩子，可以帮助我们管理应用的导航和路由，结合 React Hook 的使用可以使我们的代码更加简洁和易于维护。原创 2023-12-14 18:30:28 · 863 阅读 · 0 评论 -
react-router-dom v6中优雅处理404重定向问题
在基于React的单页面应用（SPA）中，使用 react-router-dom 库来管理路由是一项关键任务。当用户访问一个不存在的页面时，我们通常希望能够以优雅的方式处理404情况，从而提升用户体验。本文将探讨如何在React应用中使用react-router-dom的v6版本来优雅地处理404重定向问题，并为你的项目增添一份专业的风采。原创 2023-12-13 10:22:57 · 1382 阅读 · 0 评论