react学习记录

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

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

实例:表单创建

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

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

javascript 复制代码
tempArray[index] = {...tempArray[index], name: event.target.value};

向数组中添加一个空对象

javascript 复制代码
form.setFieldsValue({"contacts":[...contacts,{name:'',mobile:''}]})

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

javascript 复制代码
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('请先保存');

相关推荐
前端啊龙20 分钟前
eslint.config.js和.eslintrc.js有什么区别
开发语言·前端·javascript
916字节21 分钟前
docker学习笔记-初步接触
笔记·学习·docker
无法长大21 分钟前
el-upload on-preview 扩大预览事件点击范围
前端·javascript·css·vue.js·elementui·vue
灬德布罗意的猫灬22 分钟前
Wireshark 学习笔记1
笔记·学习·wireshark
虾球xz27 分钟前
游戏引擎学习第75天
学习·游戏引擎
bachelores1 小时前
axios的基本使用
javascript·json
花姐夫Jun1 小时前
el-date-picker日期时间选择器的选择时间限制到分钟级别
前端·javascript·vue.js
jay丿2 小时前
JS BOM详解
开发语言·javascript·ecmascript
黄毛火烧雪下4 小时前
React 深入学习理解
前端·学习·react.js
@_猿来如此5 小时前
Web网页制作之JavaScript的应用
前端·javascript·css·html·html5