现象 因为本地开发时，会启动开发服务，Ant Design Pro会在dist中生成文件。 疑惑：Vite及原始的Webpack没见过会在开发环境往dist生成文件的。 解决 根据运行环境，指定不同

2026-09-17, Views: 16 , Topics: Ant Design React

现象 ProTable在选择100每页时，点击查询按钮，或者分页页数时界面卡顿十分明显。 Debug 使用DevTools开发者工具中的Performance选项卡，只能看到查询按钮和分页页数按钮的

2026-09-16, Views: 26 , Topics: Ant Design React

代码 import React, {useRef} from "react"; import {request} from "@umijs/max"; const MyPage = () => {

2026-09-15, Views: 34 , Topics: Ant Design React

useSearchParams 外部跳转到页面时，使用useSearchParams获取参数，注意依赖：是umi的useSearchParams。 获取到参数后使用formRef设置到ProTabl

2026-09-14, Views: 47 , Topics: Ant Design React

window.open 使用浏览器托管的下载方式。 核心：使用axios的getUri方法获取下载的URL，然后直接适用window.open打开新页面。 好处：自动进行URL参数的Encoding

2026-09-10, Views: 72 , Topics: Ant Design React JavaScript

正确代码 在onSuccess回调的参数中获取最新数据，不能直接从useRequest解构的data中获取。 const { loading: sitesLoading, data: sitesDa

2026-09-09, Views: 98 , Topics: Ant Design React

现象 Ant Design Pro的QueryFilter默认会聚焦第一个input。需要设置为默认不聚焦（focus）。 autoFocusFirstInput QueryFilter是基于Pro

2026-09-08, Views: 95 , Topics: Ant Design React

transform ProFormDateRangePicker中有transform属性（来自于ProForm）。 返回的结果中的from/to等都是根据业务自定义的。 <QueryFilter

2026-09-07, Views: 107 , Topics: Ant Design React

manualRequest 需要将ProTable的manualRequest设置为true，表示都是手动请求。 如果不设置manualRequest，虽然有时候在DevTools中看到只有一次请求

2026-09-04, Views: 117 , Topics: Ant Design React

order 查询表单中的权重，权重大排序靠前。 order数值越大越靠前。 const columns: ProColumns<TableListItem>[] = [ { title:

2026-09-03, Views: 121 , Topics: Ant Design React

rowClassName ProTable有rowClassName参数，接收一个回调函数，参数是该行的数据。 可以拿到数据做进一步处理。 <ProTable<TableListItem> ro

2026-09-01, Views: 130 , Topics: Ant Design React

columnsState ProTable中有columnsState属性，可用于Toolbar上列设置中的操作进行持久化。 比如将列Pin或Unpin，拖动了顺序等，再下次刷新页面时仍记住之前的排

2026-08-31, Views: 130 , Topics: Ant Design React

需求 在使用ProTable时，需要定义具体的Column，当Column中有Range相关的跨度选择时，在最后点击搜索时需要转换相应的字段。 dateRange 在ProColumns定义中，使用

2026-08-28, Views: 154 , Topics: Ant Design React

fullScreen 在ProTable的options中设置fullScreen为true即可。 <ProTable<TableListItem> options={{ fullScr

2026-08-27, Views: 144 , Topics: Ant Design React

场景 ProFormSelect当下拉菜单数据来自网球请求时，输入文字过滤，默认会进行网络请求。 需改为只在本地进行过滤，用第一次请求来的数据即可。 代码 使用fieldProps下的fetchDa

2026-08-26, Views: 160 , Topics: Ant Design React

代码 设置initialValue为valueEnum中的字段以默认选中指定值。 设置fieldProps中的allowClear为fasle以禁用清除选项。 <ProFormSelect na

2026-08-25, Views: 168 , Topics: Ant Design React

代码 最后的提交时，生成的值就是对应的key的值（示例中值会是：open/doing/done/all）。 <ProFormSelect name="status" label="状态"

2026-08-24, Views: 185 , Topics: Ant Design React

场景 ProFormSelect的下拉菜单是从渲染开始就发起网络请求。 需改为懒加载，当点击了ProFormSelect弹出下拉框时才开始请求数据。 代码 使用fieldProps下的onOpenC

2026-08-21, Views: 214 , Topics: Ant Design React

场景 ProFormSelect的下拉菜单是从网络请求中读取的。 当ProFormSelect被外层QueryFilter的Reset操作影响时，会重新发起网络请求。 因为是字典数据，很少发生变化，

2026-08-20, Views: 206 , Topics: Ant Design React

precision={0} ProFormDigitRange本质上是两个Ant Design的InputNumber组成的区间输入，所以限制为整数的方式和nputNumber是一致的，关键就是通过

2026-08-19, Views: 186 , Topics: Ant Design React