Как сделать сохранение Cookie их expressJs на ReactJS?

Для сохранения Cookie из Express.js на React.js, вам необходимо внести некоторые изменения в оба фреймворка.

Во-первых, вам нужно установить и настроить пакет "cookie-parser" в Express.js. Этот пакет позволяет анализировать запросы, содержащие cookie, и создавать / отправлять cookie в ответе. Установить его можно с помощью npm:

npm install cookie-parser

Ниже приведен пример кода, который показывает, как использовать cookie-parser в Express.js:

const express = require('express');
const cookieParser = require('cookie-parser');

const app = express();
app.use(cookieParser());

app.get('/set-cookie', (req, res) => {
  res.cookie('myCookie', 'Hello World').send('Cookie is set');
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

Здесь мы устанавливаем куки с именем "myCookie" и значением "Hello World", когда пользователь заходит на /set-cookie .

Во-вторых, на стороне React.js вы можете использовать пакет "js-cookie", чтобы получить доступ к кукам. Вы можете установить его с помощью npm:

npm install js-cookie

Пример кода ниже показывает, как использовать js-cookie в React.js:

import React, { useEffect } from 'react';
import Cookies from 'js-cookie';

const App = () => {
  useEffect(() => {
    const myCookie = Cookies.get('myCookie');
    console.log(myCookie);
  }, []);

  return (
    <div>
      <h1>React App</h1>
    </div>
  );
};

export default App;

Здесь мы записываем значение куки с именем "myCookie" в переменную myCookie с помощью Cookies.get('myCookie'), а затем выводим его значение в консоли.

Таким образом, вы используете cookie-parser в Express.js для установки кук, а затем используете js-cookie в React.js для доступа к значениям кук.