Reactjs 函数中的Access useContext获取错误

我试图在这样一个函数中访问上下文

import React, {useEffect, useContext} from 'react';

import axios from "axios";
import {Context} from ./store'
import Post from '../Post/Post';


export const fetchBlog = () => {
    const [state, dispatch] = useContext(Context);
        axios.get('/posts.json')
            .then(response => {
                const postsData = response.data;
                dispatch({type: 'SET_POSTS', payload: postsData});
            })
   };

我从另一个组件导入它，并像这样使用它

class App extends PureComponent {
    componentDidMount() {
        fetchBlog();
    }
...

但我得到了错误的答案

React钩子“useContext”在函数“中调用，该函数既不是 React功能组件或自定义React

---

如何修复？

请尝试通过FetchBlog更改函数名。您需要大写字母，但需要返回一些内容。我猜您违反了挂钩规则。React挂钩仅在函数组件和其他自定义React挂钩中有效，不能在循环、嵌套或条件调用中调用。您可以使用c上文本使用者，并将

状态

和

分派

作为道具传递到

应用程序

组件。