系统使用的技术:antDesignPro6 + Umi4 + antDesign + antDesignProComponents + 其他技术
1、如何设置ModalForm组件,销毁时,自动重置表单?
modalProps={{ destroyOnClose: true }} // 重置表单
答:给ModalForm组件添加modalProps属性,设置destroyOnClose为true即可。或者在父组件中,通过逻辑表单时来动态显示隐藏子组件如:{ showChild && <Child />} 也会自动关闭弹框时,清空表单。
2、 如何设置ProTable表格组件,标题&列内容直接在一行上显示完,不要换行显示?
scroll={{ x: 'max-content' }} // 注意:一旦设置该属性后,列中设置的width和ellipsis属性都将失效!!!
小扩展:可通过设置 scroll={{ x: 1300, y: 500 }} 最大宽度&高度(超过将自动出现滚动条),然后设置每列width为固定值,如width:100,设置ellipsis才会生效。
3、 使用Modal中的confirm组件,偶现:弹框的确定和取消按钮文本,显示为英文的OK和Cancel文本。
答:设置 okText: "确定" 和 cancelText: "取消", 这2个属性即可。具体参考:
4、切换系统左侧菜单时,中间内容显示区的背景,没有任何loading效果。
答:在项目src目录下新建loading.tsx文件即可。
// loading.tsx文件import { PageLoading } from '@ant-design/pro-components';export default () => {return <PageLoading />;
};
5、如何设置proTable某列不要在列设置下拉框中显示。
答:列配置中添加hideInSetting: true即可。