我想知道在哪种情况下哪种方法更好：
1.对http请求进行自定义钩子响应，在这里我们放置加载、错误和数据的状态，然后在功能组件内部我们只需要使用钩子获取数据，然后将其呈现到用户界面和/或保存到redux。
例如：'const useFetch =（查询）=〉{const [状态，设置状态]=使用状态（'空闲'）; const [数据，设置数据]=使用状态（[]）;

useEffect(() => {
    if (!query) return;

    const fetchData = async () => {
        setStatus('fetching');
        const response = await fetch(
            `https://hn.algolia.com/api/v1/search?query=${query}`
        );
        const data = await response.json();
        setData(data.hits);
        setStatus('fetched');
    };

    fetchData();
}, [query]);

return { status, data };

};`
1.或者我们应该使用redux或redux工具包的中间件来完成http或任何异步工作，然后在中间件中分派一个动作来更新redux存储。
例如：