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;