反应上下文 API 当包装在索引.js文件周围时，它什么都不显示

Question

我正在学习上下文API并在context .js文件中创建一个添加篮功能，我已经创建了一个上下文，这将用于我的应用程序，它的代码是

import React, { createContext } from "react";
const Cart = createContext();
function Context({ childern }) {
return <Cart.Provider>{childern}</Cart.Provider>;
}
export default Context;

现在我在index.js文件

中将我的App组件包裹在它周围

import Context from "./context/Context";
<Context>
<App />
</Context>

但是在浏览器上这样做之后它什么都不显示没有错误我创建的任何组件都没有显示但是当我打开组件时它工作正常

Answer 1

function Context({ props }) {
return <Cart.Provider>{props.childern}</Cart.Provider>;
}

现在它可以工作了。只需添加"props"即可。在props和"props.children"在提供者。