Learn React Hooks

The CreatePost component

The CreatePost component uses two input fields: one for the title, and one for the content. We are going to replace both of them with Input Hooks.

Let's implement Input Hooks in the CreatePost component now:

1. Import the useInput Hook at the beginning of the src/user/CreatePost.js file:

import { useInput } from 'react-hookedup'

2. Then, we remove the following State Hooks:

    const [ title, setTitle ] = useState('')    const [ content, setContent ] = useState('')

We replace them with the corresponding Input Hooks:

    const { value: title, bindToInput: bindTitle } = useInput('')    const { value: content, bindToInput: bindContent } = useInput('')

3. Again, we can remove the following input handler functions:

    function handleTitle ...