react-directus

Home > react-directus > useDirectusAuth

useDirectusAuth variable

A hook to access the Directus authentication state and methods.

Signature:

useDirectusAuth: () => DirectusAuthHook

Example

import { useDirectusAuth } from 'react-directus';
import { FormEvent } from 'react';

const Login = () => {
  const { login } = useDirectusAuth();

  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
    e.preventDefault();

    const { email, password } = e.currentTarget.elements;
    login(email.value, password.value)
      .catch((err) => {
        console.error(err);
      });
  };

  return (
    <form onSubmit={handleSubmit}>
     <input type="email" name="email" />
      <input type="password" name="password" />
      <button type="submit">Login</button>
    </form>
  );
};

export default Login;

This site is open source. Improve this page.