useContext Hook # 3 sample code

useContext-App.js

import { useContext, createContext } from "react";

const moods = {
  happy: ':)',
  sad: ':('
};

const MoodContext = createContext(moods);

function App() {
  return (
      <MoodContext.Provider value={moods.sad}>
          <MoodEmoji/>
      </MoodContext.Provider>
  );
}


function MoodEmoji(){
  const mood = useContext(MoodContext);

  return <p>{mood}</p>
}


export default App;