HM-36. Добавлена в роут страница Not Found (#10)
This commit is contained in:
11
src/components/not-found-page/NotFoundPage.js
Normal file
11
src/components/not-found-page/NotFoundPage.js
Normal file
@ -0,0 +1,11 @@
|
||||
import Component from '../component/index';
|
||||
|
||||
class NotFoundPage extends Component {
|
||||
constructor (mainNodeSelector, parentNode) {
|
||||
super(mainNodeSelector, parentNode);
|
||||
|
||||
this.mainNode.textContent = `Not found page ${location.pathname}`;
|
||||
}
|
||||
}
|
||||
|
||||
export default NotFoundPage;
|
||||
3
src/components/not-found-page/index.js
Normal file
3
src/components/not-found-page/index.js
Normal file
@ -0,0 +1,3 @@
|
||||
import NotFoundPage from './NotFoundPage';
|
||||
|
||||
export default NotFoundPage;
|
||||
@ -1,5 +1,6 @@
|
||||
import Component from '../component/index';
|
||||
import routeService from '../../services/RouteService';
|
||||
import NotFoundPage from '../not-found-page';
|
||||
|
||||
import './RouterPagesContainer.css';
|
||||
|
||||
@ -12,7 +13,7 @@ class RouterPagesContainer extends Component {
|
||||
super('#page-container', document.body);
|
||||
|
||||
routeService.onChange(({url}) => {
|
||||
const {pageComponent: PageComponent} = this.routes.find((route) => {
|
||||
const {pageComponent: PageComponent = NotFoundPage} = this.routes.find((route) => {
|
||||
return route.url === url;
|
||||
}) || {};
|
||||
|
||||
@ -20,9 +21,7 @@ class RouterPagesContainer extends Component {
|
||||
this.currentPage.destroy();
|
||||
}
|
||||
|
||||
if (PageComponent) {
|
||||
this.currentPage = new PageComponent('#page', this.mainNode);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user