react 踩坑记录

1、Warning: Each child in a list should have a unique “key” prop
原因 ：数据中缺少 key字段，或者表格忘记加rowKey=“唯一标识，譬如id,name之类的字段名”
也就是 凡是有遍历 循环的玩意，都记得加key
2、.list 错误
原因：空间名未匹配
3、rawData.same
原因：渲染的数据格式不对，不是数组
4、useEffect监听不到history变化
5、useEffect监听history.location.pathname变化，但是页面未响应，需要再监听赋值的pathSnippets，例如bdp项目的面包屑功能）（因为我是将路由存放到一个变量里面去了，所以除了监听路由，还要监听那个变量）
6、useEffect一直死循环，忘记默认传[]空对象

useEffect(() => {
	//代码块
}, []);

7、报错：Warning: [antd: Upload] value is not a valid prop, do you mean fileList?
原因 ：Form.Item 需要加上 valuePropName=“upload” 即：

8、报错：Warning: [antd: Checkbox] value is not a valid prop, do you mean checked?
原因 ：Form.Item 需要加上 valuePropName=“checked” 即：
是？

9、Warning: [antd: Upload] transformFile is deprecated. Please use beforeUpload directly.
原因：
10、 routes.ts 的icon改成本地图标，就把图标放在public的icons里，然后 icon:‘icons/tupianming.png’
11、dispatch未定义的话，就是底部export default connect(() => ({}))(NewEditor); 这个connect 必须写，否则props里没有dispatch
12、[antd: Form.Item] defaultValue will not work on controlled Field. You should use initialValues
去掉defaultValue，将初始值用initialValues={{字段名：默认值，字段名：默认值}}的形式写在from标签里面
13、React does not recognize the inlineIndent prop on a DOM element. If you in………………
14、Warning: Instance created by useForm is not connected to any Form element. Forget to pass form prop?

 // 这个报错主要是modal还没有加载的时候，form这时候还没有挂载的element，这时候调用form的方法就会报错，所以我们得等到加载后再调用，这边就对shoMoadl做了一个判断
useEffect(() => {
    if (props.showModal) {
      form.setFieldsValue({
        process: props.operateObj?.processStatus,
        remark: props.operateObj?.remark,
      });
    }
  }, [props.operateObj]);