Context，多个组件公用的数据传导方法

标签：const TestContext CartContext 公用 Context asd 组件 import

三个组件：输入A组件 输出B组件 TestContext组件，数据x。

方法：

　　输入端(A)：

    import TestContext from "TestContext组件路径";     const A = () => {       //如果需要监控可对数据x useState       <CartContext.Provider value={{数据x,方法}}>               <别的组件/>           </CartContext.Provider>     }

　　Context端：

　　　　import React from "react";

    const CartContext = React.createContext({        数据的格式，并赋基础值。       数据名: '',       方法的格式：       方法名: () => {}     });
    export default CartContext;

　　输出端(B)：

　　  import TestContext from "TestContext组件路径";

    const B = () => {

      const asd = useContext(CartContext);

      然后用asd.数据名 来调用就好了。

      asd.方法名()；

    }

  好处是不用十万八千里的用props 坏处是这玩应谁都能用

标签：const,TestContext,CartContext,公用,Context,asd,组件,import
From： https://www.cnblogs.com/1-QAQ-3/p/16840172.html