Ansluta Redux till React med Provider

För att använda Redux i dina komponenter behöver du koppla din React-app till butiken.

Detta görs med hjälp av Provider-komponenten från 'react-redux'.

Omsluta appen

Öppna din huvudinmatningsfil, vanligtvis main.jsx eller index.js, och omslut 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>
);

Vad Provider gör

Provider gör butiken tillgänglig för hela applikationen. När appen är omsluten kan vilken komponent som helst komma åt tillståndet eller skicka åtgärder utan att behöva föra data genom flera lager.

Utan Provider skulle dina komponenter inte känna till butiken. Denna koppling gör det möjligt för Redux att fungera över hela applikationen istället för endast inom en enskild komponent.