Вопрос:

Наследование маршрутизатора и провайдера

javascript reactjs redux react-router

228 просмотра

1 ответ

1299 Репутация автора

Я изучаю React и хочу использовать Redux с React Router. Имеет ли значение провайдер внутри маршрутизатора или напротив? Что будет лучше:

<Provider store={store}>
  <Browser>
   // routes
  </Browser>
</Provder>

или же

<Browser>    
  <Provider store={store}>
   // routes
  </Provder>
</Browser>

На первый взгляд я могу использовать оба способа. Я что-то пропустил?

Автор: user3309314 Источник Размещён: 25.04.2017 12:11

Ответы (1)


2 плюса

3895 Репутация автора

Это зависит от того, хотите ли вы синхронизировать состояние маршрутизации с вашим магазином. Например, если вы используете response-router-redux , вы хотите настроить, Providerпервый и Routerвнутренний.

Из документов:

import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, combineReducers } from 'redux'
import { Provider } from 'react-redux'
import { Router, Route, browserHistory } from 'react-router'
import { syncHistoryWithStore, routerReducer } from 'react-router-redux'

import reducers from '<project-path>/reducers'

// Add the reducer to your store on the `routing` key
const store = createStore(
  combineReducers({
    ...reducers,
    routing: routerReducer
  })
)

// Create an enhanced history that syncs navigation events with the store
const history = syncHistoryWithStore(browserHistory, store)

ReactDOM.render(
  <Provider store={store}>
    { /* Tell the Router to use our enhanced history */ }
    <Router history={history}>
      <Route path="/" component={App}>
        <Route path="foo" component={Foo}/>
        <Route path="bar" component={Bar}/>
      </Route>
    </Router>
  </Provider>,
  document.getElementById('mount')
)
Автор: Mario Tacke Размещён: 25.04.2017 05:07
Вопросы из категории :
32x32