项目总结

1.关于父子组件传值

在父组件定义好类型，给传递的值加上类型，子组件引入父组件定义的这个类型，直接用就好，不用再到子组件定义额外的类型了

2. Ant-design Table coloumn 属性的render 函数定义了两个可选值

render?: (value: string, record?: any) => ReactElement

// 第一个默认为一个对象属性，第二个为这一行的对象，

// 多数地方需要用到第一个参数，少数地方用到第二个参数（不用第一个参数）

// 但如果不传第一个参数，第二个参数，这一行的对象回默认补位为第一个

// 参数，***也就是我们拿不到 那一行的对象， 而如果传了第一个参数不用，

// eslint会报错，出于代码规范也不能这样做？ 怎么办?

// 这样写： 或 (record ，_)
render: (_, record) => {
                return renderTodo(record);
            } 
       // 使用 _ 站位， ts写法。

3. 组件函数使用async await 调用外部函数请求数据

在组件函数内取得值，就添加到useState 里或者将这个值使用dispach传给redux。

组件使用 useSelecter取值。

*** 犯的错误点，组件定义了这个async函数，在useEffect调用，希望在

useEffect获得它的结果。** 结果就是pendding, 因为 async的函数是

promise对象，它的结果又怎么不会是pedding或者其他值呢？

*** 所以， 在这个async函数内获得值即赋值 或者转发 （redux）;

4. 后端需要的参数传错，

后端需要的参数传错了的话，是无法操作数据库数据的

相应的前端 效果也就不对。就比如这次后端需要的分页参数的当前页参数传错了，要

的是pageNo 传的是curPage, 返回的永远都是第一页的数据，修改过后就好了。

5.也可以用useCallback ，但只能是给usezCallback传参的方式

// 就像useEffect里放一个函数，依赖项也写这个函数，然后这个外部函数使用

// useCallback包裹。 依赖项可能不会变，因此useCallback 包裹的函数

// 也不会变、不会更新，它内部所拿到的渲染值也不会变, 

// useEffect函数的依赖项也不变，它的第一个参数也不会重新调用。

// ***但是我们并不会使用它内部那次渲染所对应的状态或者 props。

    
    
// 我们使用 ***这个函数接收到的参数 和 **这个函数本身，去完成相应的数据驱动，

// 因为不使用组件状态，所以并不会有值不变的问题。

// 这种操作就好比，我们在以往的渲染函数中，传入本次渲染的值，

// 让之前的渲染函数帮我们做事。



// useCallback 需要依赖项就是因为useCallback所修饰的函数需要在

// 组件状态发生改变时及时更新useCallback所修饰的函数，让该函数内部的

// 组件状态值保持最新值，若useCallback依赖项传[]，那么它所修饰函数内部的

// 状态值一直都不会更新，一直是第一次渲染的渲染状态。

6. redux useSelect触发dispatch导致的整个组件重渲

 
 redux useSelect触发dispatch导致的整个组件重渲，但并不是整个组件的重新加载。
 
 组件重渲，整个组件会得到最新的 props和 state， 相应的，组件重渲后，组件的所有节点和函数都会得到最新的值，
 
 但组件的函数并未重新触发（即使这个函数已经获得了最新的渲染值），只是节点上的，视觉效果(因为重渲导致值的改变) 改变了。
 
 这就是为什么，在子组件调用父组件的函数 (此函数包含reudx useDispatch 的 dispatch触发器)，仅仅会更新触发器触发后的 
 
 useSelsect所取出的值, 并不会调用父组件的useEffect函数(父组件在初始化时也调用了这个函数)，导致子组件调用了父组件的函数，
 
 effect再次在父组件这个函数导致数据混乱的问题。
 
 **重渲，是 state 和 props 重新赋值的问题！

8. 使用 antd 的渲染父级，再使用 table 的 ellipsis: true 渲染就出问题

使用 antd 的渲染父级，再使用 table colmuns 的   ellipsis: true 渲染就出问题了。

下拉框会罩在父级。记住着两个不要一起使用。

使用 getPopupContainer={triggerNode => triggerNode.parentNode as HTMLElement 绑定至父级 (渲染父级)

9. 列表循环时，key: ‘ALL_TRANSLATE’ key无法识别中间像横线这样的

 列表循环时，key: 'ALL_TRANSLATE'  key无法识别中间像横线这样的，
 
 尽量取中间不会分开的。

10.项目中不要多次接收常量，增加理解成本。

就像你在constants.js 定义了常量，然后组件内部再用个变量接收这个常量再去使用，这是不可取的，

会增加理解成本和可维护性。

11. 为什么给后端的入参为Null 时，这个字段就被忽略了？

为什么给后端的入参为Null 时，这个字段就被忽略了？

12. Type 无法指定函数参数

Type 无法指定函数参数, 必须使用 interface。

13. 常量对象、对象键、键值全部大写

export const LIST = {
    NAME: 'NIU_HENG',
    AGE: 'AGE',
    SEX: 'SEX'
};

// 在组件中使用时也像上面所说的，不要再用一个变量接收， 

// 不变的常量用全部大写的方式更加容易理解, 不再用变量接收，降低复杂度。