react开发问题
-
sytle互相污染
解决一: 建一个*.module.less (里面的样式会相当于同级一样,即没有嵌套class层级关系)
引用 import style from ‘*.module.less’
classname={style.classname}
解决二: 最外层套唯一的className
坑2: 重复再引入全局变量,私文件less的样式会被再覆盖一次 -
多个模块组件, 样式引入放在最前面,不然会报一个警告:Import in body of module ;reorder to top import/first(将import语句写在const语句上面)
-
useEffect第二个参数不填,页面内变量更新,调用一次useEffect方法,若要只加载一次,第二参数写一个[]; hooks 页面内,const 变量= ‘’凡这样写的,页面update时,会加载一次, 若不希望跟随update重新加载,就用useState方式;
-
ant tree展开折叠不生效,解决方案参考:https://blog.csdn.net/qq_40958876/article/details/105839872
-
table column的width不生效, 解决:列设置width后, table配置一下
-
EditableProTable recordCreatorProps报错,
原因: 引入方式写错;
解决: EditableProTable 引入的时候 是 import {EditableProTable} from ‘…’ 才对 -
EditableProTable 问题:
renderFormItem多个自定义渲染的表单项(带<Form.Item name=’’>项的), 值会更新到列的dataIndex, 未分别更新对应字段name。
解决一:不用Form.Item,onchange或者onblur更新