useContext

react useContext

import React, {useContext} from "react";
import "./styles.css";

const MyContext = React.createContext();

export default function App() {
  return (
    <MyContext.Provider value="Hello">
      <Child />
    </MyContext.Provider>
  );
}

const Child = () => {
  const value = useContext(MyContext);

  return <p>{value}</p>
};