маршрут не загружает компонент

Question

Мой маршрут не загружает мой компонент.Не уверен, что не работает правильно.если я попытаюсь перейти на какой-либо другой компонент, он будет работать нормально, но не для этого компонента.

Answer 1

Кроме опечатки Route exact,

Вы экспортируете модуль по умолчанию:

export default class RecoverPassword ...

Но импортируете его как именованный экспорт:

import { RecoverPassword } from '../../ui/pages/recover-password';

Вы должны импортировать его по умолчанию, поэтому замените его следующим образом (без фигурных скобок):

import RecoverPassword from '../../ui/pages/recover-password';

Подробнее об экспорте и импорте можно прочитать здесь и здесь

Answer 2

У вас есть ошибка опечатки вместо точного

Изменить

  <Route exect path="/" component={ RecoverPassword }/>

на

 <Route exact path="/" component={ RecoverPassword }/>

ALso, так как вы экспортируете компонент RecoverPassword по умолчанию, вам нужноимпортируйте его как

  import RecoverPassword from '../../ui/pages/recover-password';

Если вы используете только экспорт без значения по умолчанию, компонент может быть импортирован как

 import { RecoverPassword } from '../../ui/pages/recover-password';

Также, если вы не используете React v16, тогда верните элементы jsx, заключив их вdiv или span

   import React from 'react';
   export default class RecoverPassword extends React.Component {
   constructor(props){
       super(props);
       console.log('hi');
    }
    render() {
       return(
       <div>
          <h1>Hello</h1>
       </div>
     );
  }

Если вы используете React v16, заключите элементы jsx в React.Fragment

   import React from 'react';
   export default class RecoverPassword extends React.Component {
   constructor(props){
       super(props);
       console.log('hi');
    }
    render() {
       return(
       <React.Fragment>
          <h1>Hello</h1>
       </React.Fragment>
     );
  }