How to arrange authorization in a React application?

Question

JavaScript

There is a single-page application, on React, there are pages available only to authorized users, firstly, how to pull a login-password from the authorization page, transfer it through props?
Or in somewhere separately to store the data? what do you advise?)

Answer 1

The password cannot be stored on the client, during authorization you send a login and password - in response you receive a token, save it to cookies, for example, now with each request a token will be sent to the server and if it is valid, the user will be returned.

Answer 2

give private content only for requests with a token,
read about JWT
Passport to help you