react Context

import React, { useState, useEffect, useContext } from "react";
import axios from "axios";
import Mock from "mockjs";

Mock.mock("/mock/a", "post", opt => {
  const body = JSON.parse(opt.body);
  return Mock.mock({
    code: body.p >= 3 ? 1 : 0,
    "data|2": [
      {
        "id|+1": 1,
        label: "@word",
      },
    ],
    // data: [],
  });
}).setup({
  timeout: 1200,
});

const l = console.log;
const BodyContext = React.createContext("body");

function Test(props) {
  // return <Hello body={`hello world`} />;
  return (
    <BodyContext.Provider value="hello ajanuw">
      <Hello />
    </BodyContext.Provider>
  );
}

function Hello({ body }) {
  return <World />;
}
function World(props) {
  // return <div>{props.body}</div>;

  // return (
  //   <BodyContext.Consumer>
  //     {body => <div>{body}</div>}
  //   </BodyContext.Consumer>
  // );
  const body = useContext(BodyContext);
  return <div>{body}</div>;
}
export default Test;