Building Web Applications with React and ASP.NET Core/

...

/

Connecting Components to the Store

Connecting Components to the Store

Learn to connect components to the store.

We'll cover the following...

In this section, we are going to connect the existing components in our app to our store. We will start by adding what is called a store provider to the root of our component tree, which allows components lower in the tree to consume the store. We will then connect the home, question, and search pages to the Redux store using hooks from React Redux.

Adding a store provider

Let’s provide the store to the root of our component tree. To do that, perform the following steps:

  1. In App.tsx, import the Provider component from React Redux and the configureStore function we created in the previous section. Add these import statements just after the React import statement:

Press + to interact
import React from 'react';
import { Provider } from 'react-redux';
import { configureStore } from './Store';

This is the first time we have referenced anything from React-Redux. Remember that this library helps React components interact with a Redux store.

  1. Just before the App ...