React Redux空白应用程序

Question

我正在努力学习Redux。我已经构建了一个简单的React应用程序。

我的index.js文件看起来像这样

1 import React from 'react'
2 import ReactDOM from 'react-dom'
3 import './index.css'
4 import App from './components/App'
5 import {store} from './redux/store/store'
6 import registerServiceWorker from './registerServiceWorker'

7 const render = () => ReactDOM.render(<App />, document.getElementById('root'))

8 render()
9 registerServiceWorker()

当我尝试通过将第8行更改为来订阅我的商店时

store.subscribe(render)

我的申请变得空白。没有任何内容呈现给屏幕，我没有收到任何错误消息。

为什么会这样？

Answer 1

可能不是你的问题的答案，但你可能想看看react-redux包。这可以让你包装一个<Provider />更高阶的组件，轻松地将商店绑定到你的<App />（而不是你在第7号，第8行上尝试的那个）。

例如，

import React from 'react'
import ReactDOM from 'react-dom'
import { Provider } from 'react-redux'
import './index.css'
import App from './components/App'
import { store } from './redux/store/store'
import registerServiceWorker from './registerServiceWorker'

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

render()
registerServiceWorker()

更多关于这一点可以找到here和here。