Реагировать по умолчанию на собственный редукционный экспорт

Question

Я не хочу разделять компоненты, когда использую реагирующую навигацию с избыточностью.Как сделать «const =» вместо создания нового файла и «экспортировать по умолчанию»

const IntroScreen2 =connect(mapStateToProps,mapDispatchToProps)(IntroScreen2a)
const IntroScreen2 =()=> connect(mapStateToProps,mapDispatchToProps)(IntroScreen2a)

экспортировать соединение по умолчанию ... какой из них правильный?

https://codeshare.io/G79NRk

Answer 1

Сделайте что-то вроде этого, определите компонент в том же файле, где вы используете экспорт соединения по умолчанию, передавая компонент, определенный в файле.

Эти операторы должны помочь устранить ваше недопонимание (s).

С помощью реагирующей навигации у вас есть экраны (компоненты) и навигаторы.Навигаторы создаются с экранами (компонентами).

Для подключения компонентов к хранилищу резервов вы используете функцию реакции реагирования с резервированием.Вы просто заключаете компонент в вызове для соединения и экспортируете возвращаемое значение этого, а не сам компонент.

Когда вы создаете навигатор, вам нужно будет импортировать компоненты для ваших экранов.

На следующих трех страницах мы создаем компонент, экспортируем компонент, подключенный к хранилищу резервов, черезФункция соединения Response-Redux.

Затем мы создаем маршрутизатор, который экспортирует навигатор с одним стеком из реагирующей навигации, который определяет один экран, определенный компонент (упомянутый выше).

Затем я привел пример того, каквы можете рендерить этот роутер, например, внутри вашего App.js.

some-component.js

import React, {Component} from "react";
import {connect} from "react-redux"

// Define the component
class SomeComponent extends Component {
    render() {
        return null;
    }
}

// Map dispatch to props
const mapDispatchToProps = (dispatch) => {
   return {};
}

// Map state to props
const mapStateToProps = (state) => {
    return {};
};

// Export the component, passed into the connect function from react-redux.
export default connect (mapStateToProps, {}) (SomeComponent);

Затем просто импортируйте этот файлпри определении вашего навигатора с реагирующей навигацией.

Например

router.js

import SomeComponent from "./some-component.js";
import {createStackNavigator} from "react-navigation";

export default createStackNavigator({
     PageOne: {
          screen: SomeComponent
     }
});

В вашем приложении.js (уровень корня)

import React, {Component} from "react";
import Router from "./router.js";

export default class App extends Component {

    render () {

        return <Router/>;
    }
}

Что-то подобное должно вас отсортировать!