Redux将商店保存为React应用程序的全局变量

Question

import store from './store'

let reduxStore = ''
store.subscribe(() => {
  reduxStore = store.getState().username
  console.log(reduxStore) // I get USERNAME
})

console.log(reduxStore) // I get undefined

有没有办法将reduxStore保存到全局变量，以便我可以在store.subscribe函数之外使用？

谢谢！

Answer 1

只需将您创建的商店分配到window：

const store = createStore(reducers, preloadedState);

// ...

window.reduxStore = store;

然后您可以从任何地方访问商店，例如： window.reduxStore.getState().username

但是，我无法想出任何有效的理由。