react --- > 隔代传递参数的三种方式

组件跨层级通信 - Context

• 上下文提供一种不需要每层设置props就能跨多级组件传递数据的方式

方式1

• Provider提供值
• Consumer来消费传递的值

import React from 'react';

// 创建一个上下文
const Mycontext = React.createContext();
const {
    Provider, Consumer } = MyContext;

function Child(prop) {
   
  return <div>Child: {
   prop.foo} </div>
}

export default function ContextTest() {
   
  return<