Reactjs React告诉我,我不能在我的;供应商;contextAPI的函数

Reactjs React告诉我,我不能在我的;供应商;contextAPI的函数,reactjs,asynchronous,react-hooks,context-api,Reactjs,Asynchronous,React Hooks,Context Api,我在看一篇文章:。在其中,他在创建的上下文中使用useState和useEffect。当我尝试做同样的事情时。我得到的错误是,“第10:28行:React Hook”useState在函数“dataProvider”中被调用,该函数既不是React函数组件,也不是自定义React Hook函数React hooks/rules of hooks”,用于所有钩子。我只想知道我做错了什么 import React,{useState,useffect,createContext}来自'React'

我在看一篇文章:。在其中,他在创建的上下文中使用useState和useEffect。当我尝试做同样的事情时。我得到的错误是,“第10:28行:React Hook”useState在函数“dataProvider”中被调用,该函数既不是React函数组件,也不是自定义React Hook函数React hooks/rules of hooks”,用于所有钩子。我只想知道我做错了什么

import React,{useState,useffect,createContext}来自'React';
从“../../api/api”导入{headerFooter};
从“../../functions/generalFunctions”导入{setHeaderFooter}
从“../../api/api”导入{grabUserInventory}
从“../../api/api”导入{getAllOrgs}
const dataContext=createContext()
常量数据提供程序=(道具)=>{
const[data,setData]=useState(“”)
const[combined,setCombined]=useState(0)
const[inventory,setInventory]=useState([])
const[notes,setNotes]=useState([]
常量[orgs,setOrgs]=useState([]
常量[RenderData,SetRenderData]=useState([])
const[progress,setProgress]=useState(true)
useffect(()=>{
console.log(props.match.params.token)
headerFooter(props.match.params.token)
。然后(res=>{
设置数据(res)
setHeaderFooter(res.header,res.footer)
return grabUserInventory(res.user\u id)
。然后(数据=>{
设置库存(数据)
SetRenderData(数据)
setProgress(假)
返回getAllOrgs()
。然后(数据=>{
var outputData=data.map(Object.values);
setOrgs(输出数据)
})
})
})
.catch(err=>console.error(err))
}, []);
返回(
{props.children}
);
}

export{dataProvider,dataContext}
我不完全确定是否是这种情况,但我认为组件名称必须是uppercase@ChaimFriedman真的是这样!现在唯一的问题是我不能使用props.params.match.token,因为它说它未定义。有没有办法克服这个问题?