Learn React Hooks

Implementing login

Finally, we are going to implement login, via requests using our custom route. After doing so, our blog app will be fully connected to the server.

Let's get started implementing login:

1. First, edit src/user/Login.js and import the useEffect and useResource Hooks:

import React, { useState, useContext, useEffect } from 'react'import { useResource } from 'react-request-hook'

2. We define a new State Hook that will store a boolean to check if the login failed:

    const [ loginFailed, setLoginFailed ] = useState(false)

3. Then, we define a new State Hook for the Password field, because we did not handle it before:

    const [ password, setPassword ] = useState('')

4. Now, we define a handler function for the Password field, below the ...