Reduxin Yhdistäminen Reactiin Providerin Avulla

Jotta voit käyttää Reduxia komponenteissasi, sinun täytyy yhdistää React-sovelluksesi storeen.

Tämä tehdään käyttämällä Provider-komponenttia paketista 'react-redux'.

Sovelluksen kääriminen

Avaa pääsisääntulotiedosto, yleensä main.jsx tai index.js, ja kääri sovelluksesi Provider-komponentilla:

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>
);

Mitä Provider tekee

Provider tekee storen saataville koko sovellukselle. Kun sovellus on kääritty, mikä tahansa komponentti voi käyttää tilaa tai lähettää toimintoja ilman, että tietoa tarvitsee välittää useiden tasojen läpi.

Ilman Provider-komponenttia komponenttisi eivät tiedä kaupasta. Tämä yhteys mahdollistaa sen, että Redux toimii koko sovelluksessa yksittäisen komponentin sijaan.