Как визуализировать компоненты с реагирующим маршрутизатором после нажатия на ссылку? - PullRequest
Новая
       19

Как визуализировать компоненты с реагирующим маршрутизатором после нажатия на ссылку?

0 голосов
/ 16 мая 2019

Я настраиваю приложение реакции с помощью веб-пакета и использую реагирующий роутер dom. Я могу загрузить начальный компонент входа в систему при запуске приложения, но когда я нажимаю на ссылку, определенные компоненты пути не загружаются.

Я пытался использовать метод Match, но мне все еще не повезло при загрузке компонентов, специфичных для пути.

Как выглядит мой index.js: 

render() {
    return (
      <Router>
      <div>
        <ul>
          <li><Link to="/">Login</Link></li>
          <li><Link to="/signup">Signup</Link></li>
          <li><Link to="/home">Home</Link></li>
        </ul>


        <Route exact path="/" component={Login} />
        <Route path="/signup" component={Signup} />
        <Route path="/home" component={Home} />
      </div>
    </Router>
    );
  }
}

Как выглядят конкретные компоненты пути: 

  render() {
    return (
      <div>
      <Header />
      <Subform />
      <Footer />             
    </div>
        )
  }
}

Ошибка, которую я получаю, нажимая на ссылку: Непринятое нарушение инварианта: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но есть: объект. Скорее всего, вы забыли экспортировать компонент из файла, в котором он определен, или вы смешали импорт по умолчанию и с именами.

...