首页 > 解决方案 > 我将如何使用 usecontext 进行搜索栏过滤

问题描述

块引用

**import React, { useContext, useEffect } from "react"; 从“./Pizza”导入{披萨};

import { GlobalContext } from "../context/GlobalState";

export const PizzaList = () => {
  const { pizzas, getPizzas } = useContext(GlobalContext);

  useEffect(() => {
    getPizzas();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  return (
    <>
      <h3>History</h3>

      <ul className="list">
        {pizzas.map((pizza) => (
          <Pizza key={pizza.id} pizza={pizza} />
        ))}
      </ul>
    </>
  );
};**

标签: reactjsfiltering

解决方案


推荐阅读