react-addons-update 用法笔记

罗皮

于 2018-10-24 18:08:28 发布

阅读量1.8k

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/github_38124730/article/details/83348289

版权

React 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了在React应用中如何使用react-addons-update模块来高效地更新复杂的状态对象，包括设置属性值、合并字段、操作数组等。通过具体实例展示了如何在不破坏原有状态的情况下进行精准更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import React from 'react'
import update from 'react-addons-update'

let a = {
	c:{
		bar: '2222',
		show: 'show',
		arr: [1,2343],
		cd: true
	}
}

let newData = update(a, {
	c: {
		
		bar: {
			$set: 'barrrrrrrrrrr'  // 设置C对象 里的 bar值为  barrrrrrrrrrr
		},
		$merge: {
			cds: '11'  // 往 C对象里 合并一个字段
		},
		arr: {
			$splice: [[0,1]],  // 从0开始 删除 1 个 
			$push: [2222222222222222],  // arr 数组里面末尾添加一个
			$unshift: [1111111]  // arr 数组里面前面添加一个
		}
	}
})