1

我正在尝试学习 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)

我的申请只是变成空白。屏幕上没有呈现任何内容，我也没有收到任何错误消息。

为什么会这样？

4

1 回答 1

0

可能不是您问题的答案，但您可能想看看react-reduxpackage.json 。这使您可以包装一个<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()

更多信息可以在这里和这里找到。

于 2018-09-06T17:08:10.303 回答