随笔分类 -  react相关框架

redux,nextjs等
摘要:在 ProTable(@ant-design/pro-components)中,可以将某一列作为 搜索条件,并且 设置为 Select 下拉框,方法如下: ✅ 方案 1:在 valueType 设置 select 🛠 代码示例 import { ProTable } from '@ant-desi 阅读全文
posted @ 2025-03-12 21:46 走走停停走走 阅读(598) 评论(0) 推荐(0)
摘要:在 react-router-dom 中,路由路径(Route URL)可以包含动态参数,通常使用 :paramName 语法来定义。 📌 1. 在 <Route> 中定义动态参数 在 react-router-dom 的 Route 组件中,可以使用 :参数名 语法来表示 URL 参数。例如: 阅读全文
posted @ 2025-03-12 17:16 走走停停走走 阅读(166) 评论(0) 推荐(0)
摘要:在 react-router-dom 中,useNavigate 是一个用于编程式导航的 Hook,它返回一个 navigate 函数,你可以用它来在组件内部进行页面跳转。 📌 useNavigate 的方法 useNavigate 返回的 navigate 函数可以接受不同类型的参数,主要有以下 阅读全文
posted @ 2025-03-11 22:32 走走停停走走 阅读(277) 评论(0) 推荐(0)
摘要:📌 方法 1:使用 useParams 获取动态路由参数 如果你的路由是动态路径参数(即 :id 这种形式),可以用 useParams 来获取。 🛠 示例 tsx 复制编辑 import { useParams } from "react-router-dom"; const UserProf 阅读全文
posted @ 2025-03-11 22:31 走走停停走走 阅读(486) 评论(0) 推荐(0)
摘要:原页面: import { useHistory } from 'react-router-dom';const history = useHistory();const onViewDetail = async (item) => { const sourceParserNodeData = { 阅读全文
posted @ 2024-12-04 17:21 走走停停走走 阅读(88) 评论(0) 推荐(0)
摘要:前言:页面太多的时候,就不能用枚举了。还是路由比较靠谱。 官方网站:https://reactrouter.com/en/main 官方示例:v5版本(建议不要再看了) https://v5.reactrouter.com/web/guides/quick-start GitHub官方代码: htt 阅读全文
posted @ 2024-04-24 22:08 走走停停走走 阅读(42) 评论(0) 推荐(0)
摘要:前言:nextjs是昨天真正开始了解,之前都是打酱油,原来这个框架是react,路由,参数传递,页面复用,服务端渲染等做得很好。 next.js作为一款轻量级的应用框架,主要用于构建静态网站和后端渲染网站。 框架特点使用后端渲染自动进行代码分割(code splitting),以获得更快的网页加载速 阅读全文
posted @ 2022-11-11 12:02 走走停停走走 阅读(3251) 评论(0) 推荐(0)