Возможно, это структурная и очевидная вещь в React, но я не знаю, где искать или что искать.
В моем приложении реакции есть несколько файлов, каждый из которых имеет собственный метод выборки для запроса данных из API.
Так как я добавляю токен Bearer, я хотел бы установить его для каждой выборки в заголовке.
Так что это будет примерная функция для этого:
const headers = () => {
const h = new Headers();
h.append('Content-Type', 'application/json');
const session = {
token: localStorage.getItem('jwt-token')
};
if (session.token) {
h.append('Authorization', session.token);
}
};
Как мне выставить это в остальной части моего приложения?
Некоторые извлекаемые компоненты вложены в приложение на три, а то и на четыре уровня. Тогда принято ли React создавать глобальное состояние, в котором вы бы делились содержимым этого заголовка? Разве вы не можете хранить логические значения только в таком состоянии, как isLoggedIn
?