Загрузите редукторы и саги Async в React-шаблона с помощью React router v4
Я собираюсь перенести проект на последнюю версию с реактивным шаблоном, и многие модули были изменены. У меня проблемы с React router v4, чтобы поиграть с моими редукторами и сагами. Посмотрел Редукторы с динамической загрузкой с помощью React Router 4 и теперь я получаю следующую ошибку: Предупреждение: React.createElement: тип недействителен - ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: объект.
Check the render method of
withReducer(Component). in withReducer(Component) (created by Route) in Route (created by App) in Switch (created by App) in div (created by App) in App (created by Connect(App)) in Connect(App) (created by Route) in Route (created by withRouter(Connect(App))) in withRouter(Connect(App)) in Router (created by BrowserRouter) in BrowserRouter in IntlProvider (created by LanguageProvider) in LanguageProvider (created by Connect(LanguageProvider)) in Connect(LanguageProvider) in Provider
Мой код немного отличается от примера, которому я следовал, потому что я добавляю withRouter:
const withConnect = withRouter(connect(mapStateToProps, mapDispatchToProps));
const addHelpReducer = injectReducer({ key: 'help', reducer: helpReducer });
export default compose(
addHelpReducer,
withConnect
)(Help);
injectReducer исходит из файла utils с реактивным шаблоном, я не изменял этот файл или файл configureStore.
Ответы 1
Я понял, как это сделать:
export default compose(
withRouter,
withReducer,
withSaga,
withConnect
)(Help);
Хотя сейчас я перешел к другому вопросу. Закрытие этого.