reactjs - 错误渲染不是使用 Context API Provider 的函数

Question

当我尝试将路由器包装在 ContextListProvider 中时发生错误

export const ContextListProvider = createContext()

export const ContexList = (props) => {

    let [list, setList] = useState([
        {
            lastname: "Khanaghyan",
            firstname: "Diana",
            born: 1994,
            date: 15.04

        },
        {
            lastname: "Mosh",
            firstname: "Hamedani",
            born: 1850,
            date: 15.03

        },
        {
            lastname: "Carey",
            firstname: "Lusiana",
            born: 1850,
            date: 15.04

        }
    ]);
    return (
        <ContextListProvider.Provider >

            {
                props.children
            }
        </ContextListProvider.Provider >
    );
}

从“./Router/Router”导入路由器；

从'./Context/ContextStateProvider'导入{ ContextStateProvider }；从“./Context/ContextListProvider”导入{ ContextList, ContextList, ContextListProvider }；从“反应”导入反应；

函数应用程序（）{

返回 （

<ContextListProvider>
  <ContextStateProvider>
    <Router />
  </ContextStateProvider >
</ContextListProvider>

标签： reactjs