React

Wat is React Context API en wanneer gebruik je het?

Context voorkomi prop drilling.

Home/Categorieën/React/Wat is React Context API en wanneer gebruik je het?

Context pattern

createContext, Provider, useContext. Gebruik voor global state (theme, user, etc).

Code Voorbeelden

JAVASCRIPTContext setup
const ThemeContext = createContext();

function App() {
  const [theme, setTheme] = useState('light');
  
  return (
    <ThemeContext.Provider value={{ theme, setTheme }}>
      <Component />
    </ThemeContext.Provider>
  );
}

function Component() {
  const { theme, setTheme } = useContext(ThemeContext);
  return <div>Theme: {theme}</div>;
}

Relevante trefwoorden

contextprovideruseContext
← Terug naar ReactAlle categorieën →