Нужна помощь по некоторым понятиям о ReactNative и Redux и Navigator
После нескольких тестов в этом сценарии у меня есть некоторые вопросы, на которые я не могу ответить сам, поэтому я прошу помощи уточнить мои концепции.
Провайдер против реквизита в навигатореВ чем разница и как лучше всего настроить навигатор и передать хранилище в разные сцены приложения React Native?
export default class App extends Component {
render () {
return (
<Provider store={store}> //<-- here
<Navigator style={{flex: 1}}
initialRoute={{ component: MainContainer }} //<-- here
renderScene={ (route, navigator) => {
const Component = route.component;
return (
<View style={{flex: 1, marginTop:40}}>
<Component navigator={navigator} route={route} {...route.passProps} />
</View>
...
MainContainer
связано сComponent
в рамках реакт-редуксаconnect
функция для передачи реквизита и действийprops
.
Это лучший доступ к контексту или реквизиту?
против
const store = createStoreWithMiddleware(reducer, initialState); //<-- here
export default class App extends Component {
render () {
return (
<Navigator style={{flex: 1}}
initialRoute={{ component: MainComponent }}
renderScene={ (route, navigator) => {
const Component = route.component;
return (
<View style={{flex: 1, marginTop:40}}>
<Component
navigator={navigator}
route={route}
{...route.passProps}
store={store} //<-- here
/>
</View>
...
В компоненте Scene, (не упаковывая в умный контейнер), как настроитьслушатель об изменениях визбыточное состояние или я должен связатьсостояние компонента для редукции государства.Переходяstate
(из магазина Redux) иactions
какpassProps
при нажатииnewScene
вNavigator
и тогдаnewScene
Диспетчеризация действий выполняется правильно, состояние обновляется, но ... не выполняет рендеринг сцены.
Нужно ли привязывать компонент состояния к состоянию Redux, чтобы увидеть изменения, отображаемые на экране?
Есть ли примеры лучших практик в этом сценарии?
props
противconnect
В то же самоеScene
втак жеScene
, сверху вниз компоненты, который является лучшим подходом для прохожденияredux state
(не говоря оcomponent state
) как упаковка компонента в'smart' container
с 'connect
' отreact-redux
или прохождение сценария дыры какprops
.