Forbindelse af Redux til React med Provider

For at bruge Redux i dine komponenter skal du forbinde din React-app til store.

Dette gøres ved at bruge Provider-komponenten fra 'react-redux'.

Indpakning af appen

Åbn din hovedindgangsfil, som typisk er main.jsx eller index.js, og indpak din app med Provider:

import React from 'react';
import ReactDOM from 'react-dom/client';
import { Provider } from 'react-redux';
import { store } from './store/store';
import App from './App';

ReactDOM.createRoot(document.getElementById('root')).render(
  <Provider store={store}>
    <App />
  </Provider>
);

Hvad Provider gør

Provider gør store tilgængelig for hele applikationen. Når appen er indpakket, kan enhver komponent tilgå state eller dispatch actions uden at skulle sende data gennem flere lag.

Uden Provider ville dine komponenter ikke kende til store. Denne forbindelse gør det muligt for Redux at fungere på tværs af hele applikationen i stedet for kun i en enkelt komponent.