Koble Redux til React med Provider

For å bruke Redux i komponentene dine, må du koble React-appen din til store.

Dette gjøres ved å bruke Provider-komponenten fra 'react-redux'.

Omslutte appen

Åpne hovedfilen for oppstart, vanligvis main.jsx eller index.js, og omslutt appen din 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>
);

Hva Provider gjør

Provider gjør store tilgjengelig for hele applikasjonen. Når appen er omsluttet, kan alle komponenter få tilgang til state eller sende actions uten å måtte sende data gjennom flere lag.

Uten Provider ville ikke komponentene dine vite om store. Denne tilkoblingen gjør at Redux kan fungere på tvers av hele applikasjonen i stedet for kun inne i én enkelt komponent.