我可以检查图像是否存在，如果存在，我可以将它们渲染出来，否则忽略图像吗？

如何解决我可以检查图像是否存在，如果存在，我可以将它们渲染出来，否则忽略图像吗？

我想对我的 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 会发生变化。