如何从导入的数组中查找键值对？ ReactJS

Question

我正在关注youtube教程，但是我想更改它的一个方面。目前，我正在通过数组进行映射以检索所有产品。但是，我想检索所有具有“ Nike”特定值的产品。非常感谢。

import React, { Component } from "react";
import Product from "./Product";
import Title from "./Title";
import { ProductConsumer } from "../context";
export default class ProductList extends Component {
  render() {
    return (
      <React.Fragment>
        <div className="py-5">
          <div className="container">
            <Title name="our" title="products" />
            <div className="row">
              <ProductConsumer>
                {value => {
                  return value.products.map(product => {
                    return <Product key={product.id} product={product} />;
                  });
                }}
              </ProductConsumer>
            </div>
          </div>
        </div>
      </React.Fragment>
    );
  }
}

Answer 1

使用像这样的.map（）函数之前，您需要过滤Nike产品的产品数组