书包的博客

建议直接在父组件/布局组件中直接搞定，就不需要在每一个子组件里面重复啦 ~首先从antd中引入对应的语言包、组件及需要的方法 import { getLocale } from 'umi'; import zhCN from 'antd/es/locale/zh_CN'; import enCN from 'antd/es/locale/en_US'; import { ConfigProvider } from 'antd'; import { isEqual } from "lodash.

RangePicker 组件<RangePicker onChange={onSearch} placeholder={[ formatMessage({ id: 'page.Business.StartTime' }), formatMessage({ id: 'page.Business.EndTime' }), ]} format="YYYY-MM-DD HH:mm" disabledDate={disabledDate} disabledTime=.

官网此版本的筛选组件为：根据可爱的pm的要求，需要添加全选、确认筛选、重置按钮。此情景适用于后端所需要的的参数传递为多选，[] 数组的形式，而非单个字符串。引入需要的组件及包import { Table, Button, Checkbox, Space} from 'antd';import React, { useState, useEffect, useRef } from 'react';import { useDispatch, Dispatch,} from 'umi';

1.下载npm i react-csv --savenpm i @types/react-csv --save // 不是ts环境不用下2.我是点击按钮批量导出Table选中的行 const [RowKeys, setRowKeys] = useState<any[]>([]); // 选中行 const exportData = useRef<any>([]) // 导出数据 const [choiceMark, setChoiceMark] = useState(

首先需要声明total(总长度)，分页以及条数const [total, setTotal] = useState(10)const pageOption = useRef<any>({page: 1,size: 10})//由于使用setState 会有延迟的情况，所以使用useRef获取实时数据（需要注意的是，useRef不会驱动页面的更新，并且useRef存储的数据需要从current里取哦！），感兴趣的同学可以试试使用useState的效果哦~声明分页参数 const p

要求样式如下：翻阅了antd文档，没有直接可插入icon的api。后发现label可以传字符串进入或者组件。于是采用了封装组件的方式。（强烈建议官方出label可以自带icon的功能） //需要的formItem的label label={<UseTooltip text={ToolTip的文字提示}/>}//UseToolTip 组件内 <div> <span>名称:</span>&nbsp; <Tooltip