中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台
2025年03月19日
React 中Ant Design 使用总结一（react angle）
- 在 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 。
标签：break-all