Øvelse

Når store er konfigureret, kan den bruges i appen. Vi skal gøre store tilgængelig for hele appen. Dette gøres i filen index.js.

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

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <Provider store={store}>
    <React.StrictMode>
      <App />
    </React.StrictMode>
  </Provider>
);

Kodeforklaring: Integration af Redux store i en React-app ved brug af react-redux biblioteket. Lad os gennemgå det trin for trin.

• Linje 3: Import af Provider-komponenten fra react-redux biblioteket;
• Linje 5: Import af store-objektet fra en fil kaldet store.js, placeret i en mappe kaldet redux;
• Linje 9-13: Provider-komponenten omslutter App-komponenten. Provider-komponenten er en højere-ordens komponent leveret af react-redux, som gør Redux store tilgængelig for komponenterne i appen;
• Linje 9: store-objektet gives som en prop til Provider-komponenten. Denne prop hedder store, og dens værdi er det importerede store-objekt.