如何解决我可以检查图像是否存在,如果存在,我可以将它们渲染出来,否则忽略图像吗?
我想对我的 API 请求进行排序。但是当我第一次单击该选项时,什么也没有发生。当我单击另一个选项返回时仍然什么都没有。当我第二次点击另一个选项时,它开始工作。
import { useEffect,useState } from "react";
//style
import styled from "styled-components";
import { motion } from "framer-motion";
import Header from "../components/Header";
//link
import { Link } from "react-router-dom";
//redux
import { usedispatch,useSelector } from "react-redux";
import { loadPreSortB } from "../actions/preSortAction";
//dropdown
const TabakMarken = () => {
//Fetch
const dispatch = usedispatch();
useEffect(() => {
dispatch(loadPreSortB(sortValue));
},[dispatch]);
//get that data back
const { brand } = useSelector((state) => state.preSort);
//dropdown
const [sortValue,setSortValue] = useState("ASC");
const handleSortValue = (e) => {
setSortValue(e.target.value);
dispatch(loadPreSortB(sortValue));
};
return (
<SortenWrap>
<Header />
<SubHead>
<h2>Marke auswählen.</h2>
<select defaultValue="{sortValue}" onChange={handleSortValue}>
<option value="DESC">Alphabetisch A-Z</option>
<option value="ASC">Alphabetisch Z-A</option>
</select>
</SubHead>
...```
解决方法
您正在根据本地状态 (sortValue) 分派一个动作。为什么不删除那个状态,只写 dispatch(loadPreSortB(e.target.value)) 呢?我建议这样做,因为不能保证在调用 dispatch(sortValue) 时 sortValue 会发生变化。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。