网站首页 > 文章精选正文

React 中Ant Design 使用总结一（react animated）

balukai 2025-04-05 16:46:38 文章精选 12 ℃

在 antd table 中，仅隐藏多选头部的多选框，可于 rowSelection 中设置 columnTitle 为‘ ’。
在 antd tree 里，操作树时能够通过保存记录选中当前节点，以处理节点中的额外操作。
在 antd tabs 5.x 中，使用 items 时，复杂 tabpanne 内容不变，通常为对象数据嵌套问题。
3.1 可通过 es6 解构数组和对象。
3.2 借助插件 use-immer 或者 immer 来更新数据。
3.3 加载 tab 时动态设置能够编辑子组件的 ref ，可以使用 createRef() ；useRef() ，且能够配合 useImperativeHandle() 获取子组件的信息。
在 table 表格内，依据条件为行添加颜色，可通过 rowClassName(record, index) 实现。
tag 自动换行，采用 word-break: break-all; white-space: pre-line; // pre-line 支持 \n 自动换行。
Col: name (flex none) ，value (自动设置换行) 。
在 antd RangePicker 中：
7.1 回显接口返回的 string 日期，需先使用 dayjs(xxx) ，否则页面会报错【date4.isvalid is not a function】。
7.2 dayjs 格式化报错【clone.weekday is not a function】，则需要扩展 plugin 中的方法。
在 antd Timeline 的高版本中，items 里的 children 属性为动态 dom （例如：存在收起展开的操作），将 children 单独抽取为组件，更易于更新 dom 。

最近发表