Learn React Hooks

Adjusting the ChangeTheme component

First, we are going to adjust the ChangeTheme component and replace the Resource Hook, accessing /themes with our custom useAPIThemes Hook in the following steps:

1. In src/ChangeTheme.js, remove the following useResource Hook import statement:

import { useResource } from 'react-request-hook'

Replace it with our custom useAPIThemes Hook:

import { useAPIThemes } from './hooks'

2. Then, replace the useResource Hook definition with the following custom Hook:

    const [ themes, getThemes ] = useAPIThemes()

Now the ChangeTheme component uses our custom API Hook to pull themes from the API.