React Router 4. (Switch/Route/Redirect). Как при перенаправлении перейти на Route в этом же Switch'e?

Question

[Kolejium]

Привет ребята!
Есть компонент Категория. Это родительский компонент (! не наследование !просто перенаправляет на них с передачей свойств) для FormCategory&ListCategory. У обоих компонентов свои базовые классы - FormComponent&ListComponent - в который лежит общая логика.
Код категории (метод рендер):

render() {
        return <Switch>
            <Route path='/category/list' render={() => this.getCategoryListWithBinding()} />
            <Route path='/category/form/:id' render={() => this.getCategoryFormWithBinding()} />
        </Switch>
    }

Код App:

render() {
      return (
          <Layout>
              <Switch>
                  <Route exact path='/' component={Home} />
                  <Route path='/counter' component={Counter} />
                  <Route path='/fetchdata' component={FetchData} />
                  <Route path='/category' history={this.history} component={CategoryComponent} />
                  <Route path='/products' history={this.history} component={ProductComponent} />
              </Switch>
          </Layout>
    );
  }

При вызове /category/list & /category/form все работает нормально. Но, мне нужно, чтобы если я захожу на /category, меня перебрасывало на /category/list c параметрами/настройками компонента - передаются адреса доступа к серверу.
Грубо говоря, единственное, что приходит в голову, это сделать редирект на самого себя и как-то поменя ручками location, но это как... глупо по-моему.
Был вариант, 3 Route, вместо Redirect, продублировать Route к /category/list, на адрес /. Но адрес ведь нужно чтобы менялся.

Спасибо за внимание!

Answer 1

[Антон Спирин]

render() {
  return (
    <Switch>
      <Route path='/category/list' render={() => this.getCategoryListWithBinding()} />
      <Route path='/category/form/:id' render={() => this.getCategoryFormWithBinding()} />
      <Redirect to='/category/list' />
    </Switch>
  );
}

Comments

[Kolejium]

До такого я и сам додумался... Мне нужно, чтобы отображался компонент с настройками, а он получается с метода: getCategoryListWithBinding, и при таком редиректе, он мне просто открывает .../category/list. пустой

[Антон Спирин]

Kolejium, не должно быть никаких проблем. Видимо, что-то не так с кодом getCategoryListWithBinding.

[Kolejium]

Антон Спирин,

getCategoryListWithBinding() {
        return <CategoryList onDisplayForm={this.onDisplayForm}
            urlGetEntities={this.urlGetEntities}
            urlDelete={this.urlDelete}
            urlImport={this.urlImport}
            urlExport={this.urlExport} />
    }

[Антон Спирин]

Kolejium, надо смотреть код CategoryList. Только заметил, что вы в Route передаете history. Зачем?

[Kolejium]

Спасибо! Я нашел ответ на свой вопрос... ступил в самом компоненте и забыл переопределить shouldComponentUpdate - он был пустой

[Kolejium]

Антон Спирин, так прочитал в туториале... А как надо?

[Антон Спирин]

Kolejium, В каком? Возможно, он был по старой версии. В route history передавать не надо.

[Kolejium]

Антон Спирин, Понял, принял, поменял!) Спасибо.

Answer 2

[Kolejium]

Оказалось, случайно забыл переопределить/убрать shouldComponentUpdate (был просто пустой). Будьте внимательны!)