reactjs - 我将如何使用 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>
</>
);
};**
解决方案
推荐阅读
- filter - Cakephp 3 按多对多关联关系过滤
- android - 在菜单项中显示 Livedata
- grep - 结合 grep 标志
- c# - 如何在 Web 表单 asp.net 上集成外部谷歌登录/注册
- java - 如何将数据源传递给库?
- sql - Postgres中jsonb列表的条件
- bootstrap-4 - Bootstrap Radio 复选框在 992px 下不可选择
- android - 使用滚动位置重置更新 Jetpack Compose 列表
- css - 为什么找不到字体时CSS fontFamily默认为Times New Roman
- javascript - 在 cypress 中加载时继续向下滚动