Javascript 始终将cookie设置为react to true

我想将cookie设置为始终为true，而不是在发生某些事情或单击某些事情时

所以这里有几篇关于这方面的教程和文章。在我的例子中，应该是这样的：“mySpecialCookie=true”

安装程序包：

npm安装反应cookie

它是否需要同时导入index.js和App.js

我的index.js如下所示：

import React from 'react';
import ReactDOM from 'react-dom';
import configureStore from './store/configureStore';
import getMiddlewares from './middlewares';
import App from './containers/App';
import * as serviceWorker from './serviceWorker';

const storeConfig = configureStore(getMiddlewares());

ReactDOM.render(
  <storeConfig.Provider store={storeConfig.store}>
    <App />
  </storeConfig.Provider>,
  document.getElementById('root')
);

serviceWorker.unregister();

从“React”导入React；
从“react dom”导入react dom；
从“/store/configureStore”导入configureStore；
从“/middleware”导入GetMiddleware；
从“./containers/App”导入应用程序；
将*作为serviceWorker从“/serviceWorker”导入；
const storeConfig=configureStore（getmiddleware（））；
ReactDOM.render(
,
document.getElementById（'root'））
);
serviceWorker.unregister（）；

所以我假设在ReactDOM里面应该改成这个

import { CookiesProvider } from "react-cookie";
...
ReactDOM.render(
  <storeConfig.Provider store={storeConfig.store}>
    <CookiesProvider>
      <App />
    </CookiesProvider>
  </storeConfig.Provider>,
  document.getElementById('root')
);

从“react cookie”导入{CookiesProvider}；
...
ReactDOM.render(
,
document.getElementById（'root'））
);

在App.js中，我使用useCookies挂钩添加了它，但不知道在哪里使用它：

import React, { useEffect } from 'react';
import { useCookies } from 'react-cookie'; //// <---   added it here 
import { IntlProvider } from 'react-intl';
import { useSelector, shallowEqual, useDispatch } from 'react-redux';
import { BrowserRouter as Router, Route } from 'react-router-dom';

import Main from './Main';
import OrderDetails from './OrderDetails';
import { fetchDictionary } from '../actions/dictionary';
import { getLanguageCode } from '../utils';
import { HOME_PAGE, ORDER_DETAILS } from '../constants/routes';

const App = () => {
  const dictionary = useSelector((state) => state.dictionary, shallowEqual);
  const routes = [
    { path: HOME_PAGE, component: Main },
    { path: `${ORDER_DETAILS}/:id`, component: OrderDetails }
  ];
  const dispatch = useDispatch();

  const [mySpecialCookie, setMySpecialCookie] = useCookies(true);  //// <---   added it here 

  useEffect(() => {
    dispatch(fetchDictionary(getLanguageCode()));
  }, [dispatch]);

  return (
    <IntlProvider
      key={dictionary.locale}
      locale={dictionary.locale}
      messages={dictionary.messages}>
      <Router>
        {routes.map((route, index) => (
          <Route
            key={index}
            path={route.path}
            exact
            component={route.component}
          />
        ))}
      </Router>
    </IntlProvider>
  );
};

export default App;

import React，{useffect}来自“React”；
从“react cookie”导入{useCookies}；//{
const dictionary=useSelector（（state）=>state.dictionary，shallewequal）；
常数路由=[
{path:HOME_PAGE，component:Main}，
{path:`${ORDER\u DETAILS}/:id`，组件：OrderDetails}
];
const dispatch=usedpatch（）；
const[mySpecialCookie，setMySpecialCookie]=useCookies（true）；//{
分派（fetchDictionary（getLanguageCode（））；
}，[发送]；
返回(
{routes.map（（路由，索引）=>(
))}
);
};
导出默认应用程序；

---

有什么建议吗？

我找到了一种使用

jscookie

的短得多的方法

在App.js文件中：

...
import Cookies from 'js-cookie';
...

const App = () => {
   ...
   Cookies.set('mySpecialCookie', true);
   ...
}