包裹 index.js 文件时反应上下文 API 什么都不显示

Question

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

import React, { createContext } from "react";

const Cart = createContext();

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

export default Context;

现在我将我的 App 组件包裹在 index.js 文件中

import Context from "./context/Context";

<Context>
      <App />
    </Context>

但是在浏览器上执行此操作后，它什么也不显示，没有错误，没有显示我创建的单个组件，但是当我打开组件时它工作正常

Answer 1

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

现在它可以工作了。只需在 props 中添加“props”，在 provider 中添加“props.children”即可。