Praktik

När butiken är konfigurerad kan den användas i appen. Vi måste tillhandahålla store till hela appen. Vi gör detta 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>
);

Kodförklaring: Integrering av Redux-butiken i en React-app med hjälp av react-redux-biblioteket. Låt oss gå igenom det steg för steg.

• Rad 3: Importera Provider-komponenten från react-redux-biblioteket;
• Rad 5: Importera store-objektet från en fil som heter store.js, placerad i en mapp som heter redux;
• Rad 9-13: Provider-komponenten omsluter App-komponenten. Provider är en högre ordningens komponent som tillhandahålls av react-redux och gör Redux-butiken tillgänglig för komponenterna i appen;
• Rad 9: store-objektet skickas som en prop till Provider-komponenten. Denna prop heter store och dess värde är det importerade store-objektet.