react+ant 项目开发记录

react开发问题

1. sytle互相污染
   解决一： 建一个*.module.less (里面的样式会相当于同级一样，即没有嵌套class层级关系)
   引用 import style from ‘*.module.less’
   classname={style.classname}
   解决二： 最外层套唯一的className
   坑2： 重复再引入全局变量，私文件less的样式会被再覆盖一次

2. 多个模块组件， 样式引入放在最前面，不然会报一个警告：Import in body of module ;reorder to top import/first(将import语句写在const语句上面)

3. useEffect第二个参数不填，页面内变量更新，调用一次useEffect方法，若要只加载一次，第二参数写一个[]； hooks 页面内，const 变量= ‘’凡这样写的，页面update时，会加载一次， 若不希望跟随update重新加载，就用useState方式；

4. ant tree展开折叠不生效，解决方案参考：https://blog.csdn.net/qq_40958876/article/details/105839872

5. table column的width不生效， 解决：列设置width后， table配置一下

6. EditableProTable recordCreatorProps报错,
   原因： 引入方式写错；
   解决： EditableProTable 引入的时候 是 import {EditableProTable} from ‘…’ 才对

7. EditableProTable 问题：
   renderFormItem多个自定义渲染的表单项（带<Form.Item name=’’>项的）， 值会更新到列的dataIndex， 未分别更新对应字段name。
   解决一：不用Form.Item，onchange或者onblur更新