使用react/lib/update 对数据进行操作

前端之家收集整理的这篇文章主要介绍了使用react/lib/update 对数据进行操作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

参考文档:https://facebook.github.io/react/docs/update.html
react/lib/update 与 react-addons-update 等价

包含 apply set, push, unshift,@H_403_79@ splice, merge 方法,用以不改变原来数据,返回新的数据
apply push:数组后插入
push@H_330_301@ splice:数组任意位置插入或删除
$merge:合并对象

demo

var x = {
            cards: [{
                name: "a",id: 1
            },{
                name: "b",id: 2
            },{
                name: "c",id: 3
            },{
                name: "d",id: 4
            }]
        } 
        var z = update(x,{
            cards: {
            // 数组中的第三个
               3:{ id:{
                   $apply: function(x) {return x * 2;}
                }}
            },});

猜你在找的React相关文章