reactjs - 如何通过 React Immutability Helpers 在同一集合上使用多个 $splice

Question

全部:

当我尝试使用 $splice 时，我对 React Immutability Helpers 还很陌生:

The doc of $splice is:

{$splice: array of arrays} for each item in arrays call splice() on the target with the parameters provided by the item.

var update = require('react-addons-update');
var collection = [1, 2, {a: [1,2,3,4,5,6]}];
var newCollection = update(collection, {
    2: {
        a: {
            $splice: [
            [1, 1, 33, 44],
            [3, 2, 55, 66],
            ]
        }
    }
});

我认为 $splice 数组中的所有操作都应该基于原始目标，以我的代码为例:

[1, 1, 33, 44] 会将 2 替换为 33, 44

[3, 2, 55, 66] 会将 4, 5 替换为 55 66

所以最终结果应该是[1, 33, 44, 3, 55, 66, 6]

但实际结果是[1, 33, 44, 55, 66, 5, 6]，看来这两个操作是基于之前的操作结果数组。

所以我想知道如何将所有操作应用于原始目标？

谢谢

Answer 1

不太确定 React Immutability Helpers，但在 JS 中通常你会使用 slice 将数组保持为其原始值。 splice 实际上会修改原始数组，因此任何后续操作都将使用前一个操作的结果执行。