javascript - What do I do to use the function repeatedly in different components?

Question

I've user object in local storage. I stored token and token date here User object like that;

  user: [{
     nickname,
     token,
     tokenDate,
  }}

I parse JSON and get data then sending header with Axios. But i don't want to be code repetition. How do i that?

I hear react-component-lib is it right to use this? And last thing i don't know Redux. So don't be found in redux solutions.

question from:https://stackoverflow.com/questions/65944161/what-do-i-do-to-use-the-function-repeatedly-in-different-components

Answer 1

For this particular case: you can add a header to all the requests with axios.interceptors.

And generally: you can always define and export your function, then just import it several times... not sure if that's what you asked for.