React $splice做什么？

Question

我在读React dnd项目的一个例子

moveCard(dragIndex, hoverIndex) {
    const { cards } = this.state;
    const dragCard = cards[dragIndex];

    this.setState(update(this.state, {
      cards: {
        $splice: [
          [dragIndex, 1],
          [hoverIndex, 0, dragCard]
        ]
      }
    }));}

这是$splice解释的在这页上吗？

有人能解释一下这段代码是干什么的吗？$splice函数对我来说是非常混乱的。

Answer 1

它基本上是普通剪接函数的不变版本，例如

newcards.splice(dragIndex, 1); // removing what you are dragging.
newcards.splice(hoverIndex, 0, dragCard); // inserting it into hoverIndex.

与直接操作目标数组不同，这些不可变助手通过创建和分配新状态来帮助您更新状态。