删除类别后如何更新列表

Question

我想在删除类别后更新类别列表，我使用自定义挂钩从服务器获取数据。我不确定如何更新自定义获取挂钩的状态

const {data, error, loading} = useFetch("/api/admin/category");
    const [category, setCategory]= useState([]);

    useEffect(() => {
        setCategory(data)
    },[])

    const deleteHandler = (id) => {

        const deleteRequest = async () => {
            const data = await axios.delete(`/api/admin/category/${id}`);
            return data;
        }

        deleteRequest()
            .then(res => {
                data.filter((item) => {
                    return id !== item.id;
                })
            })
    }

Answer 1

您能否将自定义挂钩添加到提供的代码中？还要更具体一些？

import {useEffect, useState} from "react";
import axios from "axios";

const useFetch = (url) => {

    const [data, setData,isLoading] = useState([]);
    const [error, setError] = useState([]);
    const [loading, setLoading] = useState(true);

    useEffect(() => {
        request_get()
        .then(res => {
            if (res.request.status === 200) {
                setTimeout(() => {
                    setLoading(false)
                    setData(res.data.data)
                },1000)
            }
        })

        return () => {
            setData([]);
        }
    }, [])

    const request_get = async () => {
        const data = await axios.get(url)
        return data;
    }

    return {data: data, error: error, loading:loading}

}

export default useFetch;

Answer 2

将 data 添加为 useEffect 挂钩的依赖项可能会有所帮助，试试这个，

    const {data, error, loading} = useFetch("/api/admin/category");
    const [category, setCategory]= useState([]);

    useEffect(() => {
        setCategory(data)
    },[data])

    const deleteHandler = (id) => {

        const deleteRequest = async () => {
            const data = await axios.delete(`/api/admin/category/${id}`);
            return data;
        }

        deleteRequest()
            .then(res => {
                data.filter((item) => {
                    return id !== item.id;
                })
            })
    }

Answer 3

在您的自定义挂钩中将 data 添加到您的依赖项数组；

在您的组件中而不是下面的

useEffect(() => {
  setCategory(data)
},[])

尝试使用展开运算符

useEffect(() => {
  setCategory([...data])
},[data])

删除类别后如何更新列表

How to update lists after delete a category

javascript

reactjs

react-hooks

use-effect

use-state