javascript - 更新 props 数组对象

Question

我有一个数组对象，它传递给我的组件并通过@props 可用。

console.log ( @props.users.pages )
> [ ["Tada", "A"], ["Todo", "B"] ]

实际上，我想在它上面附加一些东西（一个新数组）。

除了这个，你有什么推荐：

function add(){
  var arr = Array();
  arr.push("Toto", "C");
  @props.users.pages.push( arr );
  @forceUpdate()
}

调用 add() 后的结果应该是：

console.log ( @props.users.pages )
> [ ["Tada", "A"], ["Todo", "B"], ["Toto", "C" ]

这里最大的问题是 arr 可以被垃圾收集器销毁，因为它只是本地的，我更喜欢使用 @setProps 而不是手动强制更新。

score 1 · Accepted Answer

记住文档是怎么说的：

到目前为止，每个组件都根据其 props 渲染了一次。props 是不可变的：它们从父级传递并由父级“拥有”。

在此处查看Reactive state。

1 回答 1