javascript - 反应：如何过滤道具中的对象数组

Question

我有props以下数据

test1: abc
id: 1
myArray: Array(3)
0: {a:abc, b:cde, aid: 1}
1: {e:age, f:ade, aid: 2}
2: {t:are, h:had, aid: 1}

我想过滤道具并更新数组以仅具有匹配的值id和aid

所以道具应该如下所示：

test1: abc
id: 1
myArray: Array(3)
0: {a:abc, b:cde, aid: 1}
2: {t:are, h:had, aid: 1}

我怎样才能做到这一点？

标签： javascriptreactjs

Answer 1

您将通过使用获得过滤后的数据，

const filteredData = this.props.myArray.filter(item => item.aid === 1)

但是 props 只是可读的。您将不得不调度或更新父组件以提供新的/过滤的数据作为道具。