Verbindung von Redux mit React mittels Provider

Um Redux in deinen Komponenten zu verwenden, muss deine React-App mit dem Store verbunden werden.

Dies geschieht mit der Provider-Komponente aus 'react-redux'.

App umschließen

Öffne deine Haupteinstiegsdatei, in der Regel main.jsx oder index.js, und umschließe deine App mit 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>
);

Funktion von Provider

Provider stellt den Store der gesamten Anwendung zur Verfügung. Sobald die App umschlossen ist, kann jede Komponente auf den State zugreifen oder Aktionen auslösen, ohne Daten durch mehrere Ebenen weitergeben zu müssen.

Ohne Provider hätten Ihre Komponenten keine Kenntnis vom Store. Diese Verbindung ermöglicht es Redux, in der gesamten Anwendung zu funktionieren, anstatt nur innerhalb einer einzelnen Komponente.