react学习记录

目录结构react优秀代码之react目录结构简洁之道React 作为一个库，不会决定你如何组织项目的结构。这是件好事，因为这样 - 掘金【React】项目的目录结构全面指南_react项目结构-CSDN博客

生命周期
【React 面经】生命周期详解：不同阶段与方法解析-CSDN博客

实例：表单创建

react+antd动态表单以及数组对象示例 - 灰信网（软件开发博客聚合）

更新状态数组中的某个对象

tempArray[index] = {...tempArray[index], name: event.target.value};

向数组中添加一个空对象

form.setFieldsValue({"contacts":[...contacts,{name:'',mobile:''}]})

删除数组中索引为index的元素

form.setFieldsValue({"contacts":[...contacts.slice(0,index),...contacts.slice(index+1)]})
		return setContacts([...contacts.slice(0,index),...contacts.slice(index+1)])
	

原理：合并【0，index) [index+1，末尾】

• contacts.slice(0, index) 创建一个新数组，包含从 contacts 数组开始到索引 index（不包括 index）的所有元素。
• contacts.slice(index + 1) 创建另一个新数组，包含从 contacts 数组索引 index + 1 到数组末尾的所有元素。

table

React+antd动态增加Table可编辑行_react中class组件实现一个可编辑表格-CSDN博客

父子组件传值

【实例】React 组件传值方法: Props、回调函数、Context、路由传参_react 执行子组件中的方法并接受返回值-CSDN博客

报错 message.error('请先保存');