Learn React Hooks

The Register component

The Register component works similarly to the Login component. However, it has three input fields: Username, Password, and Repeat Password.

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

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

import { useInput } from 'react-hookedup'

2. Then, we remove the following State Hooks:

    const [ username, setUsername ] = useState('')    const [ password, setPassword ] = useState('')    const [ passwordRepeat, setPasswordRepeat ] = useState('')

They are replaced with the corresponding Input Hooks:

    const { value: username, bindToInput: bindUsername } = useInput('')    const { value: password, bindToInput: bindPassword } = useInput('') const { value: passwordRepeat, ...