javascript - 设置状态和过滤。跳过数据 - React/Javascript

Question

我正在这样设置我的状态值:

this.setState({
  products: response.data.data.map(product => {
  return { key: product.id, value: product.productName };
    }),
});

但我想摆脱类型与 2 不同的产品

我试过这样的:

this.setState({
  products: response.data.data.map(product => {
  return { key: product.id, value: product.productName };
    }).find(x => x.productType != 2),
});

但这没有用..我想知道我怎么能在这里做(避免我不想要的数据并将状态值设置为那样)。

Answer 1

您可以像这样使用Array.filter():

const shouldFilter = true; // should we filter out unwanted values or keep all of them?
this.setState({
  products: response.data.data
    .filter(product => shouldFilter ? product.productType === 2 : true) // return only products with type === 2 if shouldFilter is true
    .map(product => {
      return { key: product.id, value: product.productName };
    })
});

首先对数组进行过滤，然后映射到需要的值