小编Giu*_*age的帖子

我正在使用 git submodule 在项目之间构建和共享组件。该项目尚未投入生产，因此，此时子模块运行良好。

但我担心维护和部署，将其转换为 npm 包是个好主意吗？

当谈到状态集中化时，我知道如何使用 context api 和 Redux。但要恢复该状态，我们始终必须位于反应组件内。

访问不在反应组件内部的公共函数内的全局状态/变量的最佳策略是什么？

在环境变量中不是一个选项，因为该值在应用程序运行后会更改。出于安全原因，我不想放入 cookie 或本地存储。

索引.ts

import React from 'react';
import ReactDOM from 'react-dom';
import { ApolloProvider } from 'react-apollo';
import apolloClient from './services/apollo';

import { PersonalTokenProvider } from './providers/personal-token';
import './index.css';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <PersonalTokenProvider>
      <ApolloProvider client={apolloClient}>
        <App />
      </ApolloProvider>
    </PersonalTokenProvider>
  </React.StrictMode>,
  document.getElementById('root'),
);

PresonalToken 上下文提供者

import React, { useState } from 'react';

interface ProviderProps {
  children: JSX.Element[] | JSX.Element;
}

export const PersonalTokenContext = React.createContext({});

export const PersonalTokenProvider: React.FC<ProviderProps> = ( …