reactjs - 过滤 react native 数据

Question

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

这是我的问题:

我获取一个 API 来获取数据，我使用 axios 进行操作，我可以渲染我的组件!

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

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

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

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

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 */)
}