/Practise

task

Primary LanguageTypeScript

总结

dnd-kit 遇到的问题

  1. 拖拽排序结束后,id不会更改,选中时需要根据下标来确定选中的是哪个组件;
  2. 第一个组件无法拖拽问题,id为0时,会判定为false,致无法拖拽,解决办法:把id类型改为字符串;
  3. 拖拽过程中,如果两个组件宽高不一致,会导致画面拉伸或压缩,但最终结果不受影响;
  4. 界面触发 onSize 事件时,此时产生的一些拖拽、点击等操作会产生边框,不美观,最终结果不受影响。

react-quill 遇到的问题

  1. 需要理解的是,输入框的值是html文档的字符串格式,数据回显需要依靠以下属性解析 js dangerouslySetInnerHTML={{ __html: `${text}`, }}
  2. 双向绑定,最好使用缓存,不然需要防抖来防止多次提交

echarts 遇到的问题

  1. 饼状图的数据与条形、折线图不一样,需要依靠 dataSet 数据集来统一,同时因为使用了同一个实例,导致切换不同图表时,饼状图会出现x轴 - 解决办法:饼状图里设置如下配置
      xAxis: { show: false },
  2. 因为使用了同一个实例,需要判断是否已存在实例,否则会一直警告:已有实例

memo 带来的问题

  • 缓存数据,导致数据改变不能刷新界面,尽量少用,除非保证数据不改变