Мне нужно знать, подключен ли мой пользователь или нет. Для этого я хочу прочитать куки, которые я установил на стороне сервера, с помощью экспресс-сессии:
app.use(session({
secret: 'crypted key',
resave: false,
saveUninitialized: true,
cookie: { secure: false } // Put true if https
}))Вы можете использовать пакет js-cookie и установить его с помощью команды npm install js-cookie --save.
import React from 'react';
import Cookies from 'js-cookie';
class App extends React.Component {
this.state = {
username: Cookies.get('username')
}
// more code....
}
Документация: https://github.com/js-cookie/js-cookie
Я бы порекомендовал использовать universal-cookies, так как его проще использовать. Имейте в виду, куки не имеет ничего общего с React. Они хранятся в браузере, и вы можете использовать API-интерфейс браузера для получения файлов cookie.
Вот пример того, как вы можете использовать universal-cookies
import React from 'react';
// other imports...
import Cookies from 'universal-cookie';
const cookies = new Cookies();
class App extends React.Component {
this.state = {
username: cookies.get('username')
}
// more code....
Если все, что вам нужно, это получить значение cookie по ключу, я бы предложил использовать простой javascript без каких-либо зависимостей.
В этом примере он получает значение cookie по ключу "имя пользователя" с помощью Regex.
let cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)username\s*\=\s*([^;]*).*$)|^.*$/, "$1");