Реагировать на встроенную интеграцию потоков маршрутизатора с Redux

Я использую следующую конфигурацию для моего проекта:

реагирует: 16.6.3 реагирует-нативный: 0.57.4 реагирует-нативный-маршрутизатор-поток: 4.0.6

Поэтому я пытаюсь интегрировать редукс с моими сценами.

Мой компонент сцены

class Login extends Component {

  const mapDispatchToProps = dispatch => {
    return {
      otpSend: () => dispatch(otpSend())
    };
  };

  const mapStateToProps = state => {
    return {
      routes: state.routes,
      otp: state.login.otp
    };
  };

  export default connect(
    mapStateToProps,
    mapDispatchToProps
  )(Login);
}

Мой класс App.js (Начальный класс)

import Routes from "./src/screens/routes";

const store = configureStore();

export default class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <Routes />
      </Provider>
    );
  }
}

Класс моих маршрутов:

class Routes extends React.Component {`
  reducerCreate(params) {`
    const defaultReducer = Reducer(params);`
    return (state, action) => {`
      this.props.dispatch(action);`
      return defaultReducer(state, action);`
    };`
  }`

  render() {
    return (
      <Router createReducer={this.reducerCreate.bind(this)}>
        <Scene key="root">
          <Scene key="landing" component={Landing} title="Landing" initial />
          <Scene
            key="login"
            component={Login}
            title="Login"
            type="reset"
          />
        </Scene>
      </Router>
    );
   }
}

export default connect()(Routes);

Таким образом, мой метод отправки otpSend запущен, как и ожидалось.

Что не работает: мои реквизиты (здесь this.props.otp) не обновляются в моем компоненте сцены входа.

componentDidUpdate метод не срабатывает.

Я не уверен, что мне не хватает или вообще не поддерживается RNRF. Может кто-нибудь, пожалуйста, помогите мне здесь

0 ответов

Другие вопросы по тегам