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

三个组件：输入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

坏处是这玩应谁都能用