Learn React Hooks

Defining asynchronous action creators

The next step is defining an asynchronous action creator for the fetchTodos action. Here, we are going to use the async/await construct.

We are now going to use an async function to define the fetchTodos action creator:

1. In src/actions.js, first import the FETCH_TODOS action type and the fetchAPITodos function:

import {    FETCH_TODOS, ADD_TODO, TOGGLE_TODO, REMOVE_TODO, FILTER_TODOS} from './actionTypes'import { fetchAPITodos } from './api'

2. Then, define a new action creator function, which will return an async function that is going to get the dispatch function as an argument:

export function fetchTodos () {    return async (dispatch) => {

3. In this async function, we are now going to call the API function, ...