Пустое приложение 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).

Fx,

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()

Подробнее об этом можно узнать здесь и здесь.