Только что обновился до react-router-dom 4.0.0
. Все мои компоненты либо обычные class
es, либо толстые стрелки. Все они экспортируются с помощью export default ThatComponent
. Тем не менее, я получаю это:
Неперехваченная ошибка: недопустимый тип элемента: ожидалась строка (для встроенных компонентов) или класс/функция (для составных компонентов) но получено: не определено. Вероятно, вы забыли экспортировать компонент из файла, в котором он определен. Проверьте метод рендеринга Router
.
// minimal showcase
import { BrowserRouter, Match, Miss } from 'react-router';
const Router = () => (
<BrowserRouter>
<div>
{/* both Match and Miss components below cause an error */}
<Match exactly pattern="/login" component={Login} />
<Match exactly pattern="/frontpage" component={Frontpage} />
<Match exactly pattern="/logout" render={() => (<div>logout</div>)} />
<Miss component={NoMatch} />
</div>
</BrowserRouter>
);
Почему компоненты <Match>
считают, что другие компоненты не определены?