Пустое приложение React Redux - PullRequest
Новая
       6

Пустое приложение React Redux

0 голосов
/ 06 сентября 2018

Я пытаюсь выучить 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)

Мое приложение просто становится пустым. На экран ничего не отображается, и я не получаю никаких сообщений об ошибках.

Почему это происходит?

1 Ответ

0 голосов
/ 06 сентября 2018

Возможно, не ответ на ваш вопрос, но вы можете взглянуть на пакет 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()

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

...