aleksey_savin

Самый простой вариант - запихнуть данные в Local Storage, например, localStorage.setItem('token', token). И потом доставать их оттуда через localStorage.getItem('token'). При logout не забудьте только про localStorage.removeItem('token'). Если состояние записываемых данных меняется нечасто, то решение в принципе приемлемое. Ну а так лучше конечно поищите обучающие материалы по redux-toolkit

Подключать приложение на React напрямую к базе данных - очень плохая идея. Код вашего сайта доступен для любого, кто откроет его в браузере. Соответственно, любые учётные данные, в данном случае от вашей базы данных, можно там же и подсмотреть. Выше верно написали: нужен бэкенд, например, на node.js, к нему будут отправляться API-запросы, например, через fetch или axios, и уже этот бэкенд будет связываться с базой данных.