What is the purpose of the useContext hook?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import { createContext, useContext } from 'react';

const LocaleContext = createContext({ lang: 'en', decimals: '.' });

function Price({ amount }) {
  const { lang, decimals } = useContext(LocaleContext);
  return <p>{lang === 'es' ? amount.toFixed(2).replace('.', ',') : amount.toFixed(2)} EUR</p>;
}

// Provider somewhere above
function App() {
  return (
    <LocaleContext.Provider value={{ lang: 'es', decimals: ',' }}>
      <Price amount={19.5} />
    </LocaleContext.Provider>
  );
}