我真的需要帮助,因为我还在学习Reaction js和数据 struct ,我想问一下如何从redux中过滤特定的数组数据并推送到useState.
dataPortfo: [
{
id: 0,
title: "Retne Cms",
link: "www.google.com",
image: "/images/a1.png",
category: "website",
},
{
id: 1,
title: "Jaramba",
link: "",
image: "/images/a1.png",
category: "website",
},
{
id: 2,
title: "Atisiri Quiz Web",
link: "",
image: "/images/a2.png",
category: "website",
},
{
id: 3,
title: "Retne Cms",
link: "www.google.com",
image: "/images/a1.png",
category: "mobile",
},
{
id: 4,
title: "Retne Cms",
link: "www.google.com",
image: "/images/a1.png",
category: "mobile",
},
],
以上数据来自redux,我使用Selector从redux存储中获取数据.
const datePortfo = useSelector(selectPortfo);
const [kategori, setKategori] = useState("all");
const [filterData, setFilter] = useState([]);
const checkKategori = () => {
if (kategori === "website") {
console.log("web");
datePortfo.filter((data) => {
if (data.category === "website") {
console.log(data.category);
setFilter([data]);
}
});
}
if (kategori === "mobile") {
console.log("mob");
}
if (kategori === "all") {
console.log("all");
}
};
useEffect(() => {
checkKategori();
console.log(filterData);
// console.log(kategori);
}, [datePortfo,kategori]);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
我想显示基于类别的特定数据,当我try 与我的代码,并试图过滤数据只显示1个数据.请帮帮我,谢谢你们:)我还是个新手