Сохранять пользователей вошедшими в систему с помощью аутентификации Knox Token Authentication django

export function LoginComponent (props) {
    const [state, setState] = useState({credentials : {username: '',password: '',}})   
    const [hasLoggedIn, setHasLoggedIn] = useState(false) 
    const Login = (event) => {
        event.preventDefault()
        fetch("http://127.0.0.1:8000/users/accounts/api/auth/login",{
        method: "POST", 
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(state.credentials)
        })
        .then( data => data.json()).then(
            data => {
                console.log(data.token)
                props.userLogin(data.token)
            }
        )
        .then(
            console.log(hasLoggedIn),
            setHasLoggedIn(true),
            props.LoggedIn(hasLoggedIn))
        .catch(error => console.error())
      }
    const Register = (event) => {
        fetch("http://127.0.0.1:8000/users/accounts/api/auth/register",{
        method: "POST", 
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(state.credentials)
        }).then( data => data.json()).then(
            data => {
                console.log(data.token)
            }
        ).catch(error => console.error())
    }
    const inputChanged = (event) =>{
        const cred = state.credentials;
        cred[event.target.name] = event.target.value
        setState({credentials: cred})
    }
    return (
        <div>
            <label>
                Username:
                <input type='text' name='username'
                value={state.credentials.username} 
                onChange={inputChanged}
                />
            </label>
            <br/>
            <label>
                Password:
                <input type='password' name='password'
                value={state.credentials.password} 
                onChange={inputChanged}
                />
            </label>
            <br/>
            <button onClick={Login}>Login</button>
            <button onClick={Register}>Register</button>
        </div>
        )
}