过滤反应原生数据

Question

我搜索了一整天，但没有找到解决问题的方法。 我是 React Native 的新手，所以我被困住了......

这是我的问题：

我获取了一个获取数据的 api，我正在使用 axios 来完成它，我可以渲染我的组件！

然后我不想显示我的数组的所有项目，但我想用 2 个按钮根据不同的值显示一些项目：

<Button onPress={Get ALL ITEMS with this value}/>
<Button onPress={Get ALL ITEMS with ANOTHER VALUE} />

我的问题是我正在使用新信息修改数组“产品”的状态，但这不是我想要的。我总是希望我根据数组中的特定值显示信息并且仍然得到我的完整数组...

这是我正在做的一些代码：

onPressFirstButton() {
let newArray = [...this.state.products];

this.setState({
  products: newArray.filter(function(product){
    return product.value == 32;
  })
});
}
onPressSecondButton() {
let otherArray = [...this.state.products];

this.setState({
  products: otherArray.filter(function(product){
    return product.other_value == 389;
  })
});
}

我确定这不是最好的方法，因为它不起作用..我希望你能理解我想说的话..

谢谢

Answer 1

由于您似乎使用 products 属性来填充模板，因此请考虑使用单独的变量来代替，这样您在进行过滤时就不必弄乱您的状态。也许这会有所帮助：

displayProducts = []

onPressFirstButton () {
  this.displayProducts = this.state.products.filter(product => /* logic */)
}