加載微調器永遠加載

Question

我的裝載機微調器有問題。 它一直在加載，即使我宣布它的時間是 2 秒，但沒有任何反應。 這是我的代碼：

import Loading from './Loading';

const ItemDetailContainer = () => {
    const [arrayList, setArrayList] = useState({});
    const [loading, SetLoading] = useState(false);
  
    useEffect(() => {
      SetLoading(true);
      customFetch(2000, products[0])
        .then((result) => setArrayList(result))
        .catch((err) => console.log(err));
    }, []);
  
    return (
      <div>
        {loading ? <Loading/> : <ItemDetail products={arrayList}/>}
      </div>
    );
  };

Answer 1

您在組件安裝時SetLoading(true)但當customFetch返回時您永遠不會SetLoading(false)回到 false。

useEffect(() => {
  SetLoading(true);
  customFetch(2000, products[0])
    .then((result) => setArrayList(result))
    .catch((err) => console.log(err))
    .finally(() => SetLoading(false));
}, []);