Learn React Hooks

Adjusting the CreatePost component

Next we are going to adjust the CreatePost component, which is similar to what we did with the Logout component. This process is outlined in the following steps:

1. Edit src/post/CreatePost.js and import the useUserState and useDispatch Hooks:

import { useUserState, useDispatch } from '../hooks'

2. Then, replace the current Context Hook definition with the following:

    const user = useUserState()    const dispatch = useDispatch()

Now the CreatePost component makes use of our custom Hooks instead of directly accessing the user state and the dispatch function.