Компоненты иногда не загружаются - PullRequest
0 голосов
/ 29 мая 2019

У нас есть меню, и когда кто-то нажимает на кнопку, должен загружаться новый компонент, но это происходит не каждый раз.В основном у нас есть 2 Browserouters.1 в App.js, где находится Intlprovider, и один в Home.js, где находится меню.Я приведу код здесь.У нас есть другие версии нашего приложения, в которых не используется response-intl, и оно отлично работает.Пожалуйста, помогите.

Попытка изменить положение intlProvider, с app.js на index.js, но это не решит проблему.

Метод визуализации Home.js:

render() {
    return (
      <IntlProvider
        locale={this.state.lang}
        messages={messages[this.state.lang]}
      >
        <React.Fragment>
          <Router>
            <Switch>
              <Route
                path="/Pocetna"
                component={() => (
                  <Pocetna
                    handleLangS={this.handleLangS}
                    handleLangE={this.handleLangE}
                  />
                )}
              />
              <Route
                path="/Home"
                component={() => (
                  <Home
                    handleLangS={this.handleLangS}
                    handleLangE={this.handleLangE}
                  />
                )}
              />
              <Route path="/" component={LoginForms} />
              {this.props.children}
            </Switch>
          </Router>
        </React.Fragment>
      </IntlProvider>
    );
  }

Home.js menu (все кнопки для изменения меню находятся в компоненте Sidemenu):

<Router>
                <Switch>
                  <SideMenu
                    funkcija={this.PromenaAkcije}
                    ime={this.state.ime}
                    prezime={this.state.prezime}
                    slika={this.state.slika}
                    uloga={this.state.uloga}
                    RoditeljPromeniSliku={this.PromeniSliku}
                    podaciOProjektima={this.state.sviProjekti}
                    stigle={this.state.stigle}
                    promenjenaSlika={this.PromenjenaSlika}
                    brojRoditelja={this.state.brojRoditelja}
                    kompanija={this.state.kompanija}
                    definisiProjekat={this.definisiProjekat}
                  />

                  <Route
                    exact={true}
                    path="/home/dashboard"
                    component={Dashboard}
                  />
                  <Route
                    exact={true}
                    path="/home/adduser"
                    component={AddUser}
                  />
                  <Route
                    exact={true}
                    path="/home/projects"
                    component={Projects}
                  />
                  <Route
                    strict
                    exact={true}
                    path="/home/addproject"
                    component={AddProject}
                  />
                  <Route
                    strict
                    exact={true}
                    path="/home/addsubproject"
                    component={AddSubproject}
                  />
                  <Route
                    exact={true}
                    path="/home/project"
                    component={Project}
                  />
                  <Route
                    exact={true}
                    path="/modal/newSpriteModal"
                    component={newSpriteModal}
                  />
                  <Route
                    exact={true}
                    path="/home/myprofile"
                    component={MyProfile}
                  />

                  <Route exact={true} path="/home/users" component={Users} />

                  <Route exact={true} path="/home/task" component={Task} />
                </Switch>
              </Router>
...