Местоположение ReactCSSTransitionGroup не определено - PullRequest
Новая
       14

Местоположение ReactCSSTransitionGroup не определено

0 голосов
/ 05 сентября 2018

Я пытаюсь использовать ReactCSSTransitionGroup для реакции на переходы маршрутизатора и следовал примерам из документации, но я получаю следующее Uncaught TypeError: Cannot read property 'key' of undefined

Что я делаю не так? Почему местоположение не определено? 

   render() {
        const {categories, language, location, reviews, subCategories} = this.props

        return(
          <Wrap>
            <Router>
              <ScrollToTop>
              <Header categories={categories} language={language} />
                <Wrap>
                  <TransitionGroup>
                  <CSSTransition
                    key={location.key}
                    timeout={{ enter: 300, exit: 300 }}
                    classNames={'fade'}
                  >
                      <Switch location={location}>
                        <Route exact path="/" render={props => <Home categories={categories} subCategories={subCategories} reviews={reviews} language={language} {...props} />} />
                        <Route exact path="/:catId" render={props => <ReviewsFilteredByCategory categories={categories} subCategories={subCategories} language={language} {...props} />} />
                        <Route exact path="/:catId/:slug" render={props => <ReviewsTop10 categories={categories} subCategories={subCategories} reviews={reviews} language={language} {...props} />} />
                      </Switch>
                    </CSSTransition>
                  </TransitionGroup>
                </Wrap>
                <Footer />
              </ScrollToTop>
            </Router>
          </Wrap>
        )
      }
    }
...