Підключення Redux до React за допомогою Provider

Щоб використовувати Redux у своїх компонентах, необхідно підключити React-додаток до стору.

Це здійснюється за допомогою компонента Provider з 'react-redux'.

Обгортання додатка

Відкрийте основний файл входу, зазвичай main.jsx або index.js, і обгорніть ваш додаток у 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>
);

Призначення Provider

Provider робить стор доступним для всього додатка. Після обгортання додатка будь-який компонент може отримати доступ до стану або відправляти дії без передачі даних через кілька рівнів.

Без Provider ваші компоненти не матимуть доступу до сховища. Це з'єднання дозволяє Redux працювати у всьому застосунку, а не лише всередині одного компонента.