How to implement tokens in react?

Question

React

Good afternoon! What is the best way to implement tokens in react using something like this:

const instance = axios.create({
  baseURL: "http://.../api/",
  timeout: 1000,
  headers: {Authorization: 'Bearer '}
});

Answer 1

You can write a function that will write the token to the default headers and call it when the token is received.

import Axios from 'axios';

const setupAxios = token =>
  (Axios.defaults.headers = {
    Authorization: `Bearer ${token}`,
  });

export default setupAxios;