Javascript 如何在react/redux中管理全局配置变量？

我使用的API要求我每x小时获取一个新密钥。我希望能够在某种全局状态下存储密钥。然而，这就是我被困的地方。我在我的应用程序中有很多部分，其中有一些组件可以执行API调用，但要执行整个Redux

function blah() {
axios.get('url')
  .then((response) => {
    dispatch({type: "THING_FULFILLED", payload: response.data})
  })

---

这种模式太过致命了。如果我这样做，我只需要用redux存储api键，然后从那里使用它。但是，我只想在组件本身中执行

axios.get（）

（一些组件是独立嵌套的，因此将api键从顶部组件向下传递到所有组件似乎很糟糕）。我如何从应用程序中的任何位置管理此api密钥，而不必将所有内容包装在Redux中？

为什么不能只使用一个全局变量？这并不理想，尤其是在Redux系统中，但有时这是最简单的方法。您可以将存储设置为全局，然后询问store.getState（），但在这种情况下，当数据发生更改时，它不会刷新组件。通过整个树传递数据的原因是通知正确的组件某些内容已更改。另一个选项是Context（），但它也用于其他对象。为什么不能有一个全局变量呢？这并不理想，尤其是在Redux系统中，但有时这是最简单的方法。您可以将存储设置为全局，然后询问store.getState（），但在这种情况下，当数据发生更改时，它不会刷新组件。通过整个树传递数据的原因是通知正确的组件某些内容已更改。另一个选项是Context（），但它也用于其他内容。