Reactjs || React-Router || Запретить рендеринг, когда history.goBack () - PullRequest
Новая
       8

Reactjs || React-Router || Запретить рендеринг, когда history.goBack ()

0 голосов
/ 16 января 2019

Всем привет и счастливого нового года!

Я пытаюсь найти решение для своего приложения: https://www.fable.chat/home

Я хочу предотвратить повторное отображение моей домашней страницы, когда нажимаюКнопка "Назад" на странице моего товара.При выходе и повторном входе домашняя страница должна оставаться на той же высоте прокрутки.На данный момент он перерисовывается всякий раз, когда я меняю URL.Я использую Redux и Browserhistory от React-Router.

Вот рендер моего App.js : 

 render() {
return (
  <div >
                <div>
                    <Router history={history}>
      <div>

        <Route path="/" exact strict component={WelcomePage} />

        <Route path="/home" exact strict component={Homepage}/>


                <Route path="/register" exact strict component={RegisterPage}/>
                  <PrivateRoute path="/profile" exact strict component={Profile}/>
                      <Route path="/fableselect" exact strict component=
                            <Route path="/bots/:id" exact strict component={ProductPage}/>



      </div>
    </Router>
        </div>
        {this.state.showInstallMessage &&
        <IosSnackbar />
        }
    </div>
);
}

Вот мой history.js: 

        import { createBrowserHistory } from 'history';

        export const history = createBrowserHistory();

А вот моя кнопка моей страницы продукта: 

              <IconButton

                style={{outline: 'none', color: '#000'}}
                onClick={history.goBack}
              >
                <BackIcon />
              </IconButton>

Я не хочу, чтобы моя домашняя страница снова загружала все элементыпри использовании history.goBack () вместо него должны отображаться те же элементы, например, когда я покинул страницу и не отображался.

Спасибо за помощь!

С уважением

...