july4th项目总结

无效数组更新

在react中我们经常会使用map循环对比来更新数据，以完成前端更新。

注意：使用循环通过下标或是key的方式确定变更的元素完成重新赋值，这种方式视图将不会更新!
    
你必须改变数组空间地址。

https://obohe.com/i/2022/07/04/c2o2k9.png

##### table 的其他表现形式



<Table >   
    <ColumnGroup title="Name">      
        <Column title="First Name" dataIndex="firstName" key="firstName" />      
        <Column title="Last Name" dataIndex="lastName" key="lastName" />    
    </ColumnGroup>
    <Column title="Age" dataIndex="age" key="age" />    
    <Column title="Address" dataIndex="address" key="address" /> 
</Table >

// Column 组件表示一列，就如 columns 的一个 item , title 可以是tag、 text 、等等

栅格 useBreakpoint hook 个性化布局

https://seikim.com/i/2022/07/04/c6x1ke.png

思考问题 引入文件问题

ts 文件 以 export const 方式暴露多个工具函数在引入的组件忽然为undefined ，后面又好了的问题。

思考问题 写工具函数时的提前定义与设计

在写工具函数时，可以将一些结果变量的数据结构，用注释按想法定义好。

思考问题 工具函数要设置默认的返回值类型

 工具函数要设置默认的返回值类型，一定程度可以避免报错。

antd notification.warning({})

侧边弹出信息提示框，可关闭

数组pop方法

数组 pop 方法移除数组最后一个元素， 返回值为取出的元素，会改变原数组。

https://seikim.com/i/2022/07/04/cczrgn.png

antd table colmun 每项可设置width 使同一行的项等宽

https://s2.seikim.com/i/2022/07/04/cfd0cp.png

message.destroy(); antd message卸载