Learn React Hooks

Connecting the App component

We are going to start by connecting our App component, where we will use the fetch action to fetch all todos from our API, when the app initializes.

Let's connect the App component now:

1. Edit src/App.js, and import the inject function from mobx-react:

import { inject } from 'mobx-react'

2. Then, wrap the App component with inject. The inject function is used to inject the store (or multiple stores) as props to the component:

export default inject('todoStore')(function App ({ todoStore }) {

It is possible to specify multiple stores in the inject function, as follows: inject('todoStore', 'otherStore'). Then, two props will be injected: todoStore and otherStore.

3. Now that we have the todoStore available, we can use ...