Neue Seite erstellen
Neue Seite erstellen
-
Erstellen Sie einen neuen Ordner unter
src/pages. Geben Sie dem Ordner für die folgenden Lernmissionen den NamenNewPage.
-
Erstellen Sie im Ordner
NewPageeine Datei mit dem NamenNewPage.tsxund fügen Sie die folgenden Codezeilen ein:NewPage.tsximport React from 'react';
export const MyNewPage: React.FC = () => <h2>{'Under construction'}</h2>; -
Öffnen Sie die Datei
App.config.tsxund importieren Sie die neue Seite. Fügen Sie zunächst die folgende Zeile an die Importanweisungen an:App.config.tsx...
import { MyNewPage } from '../pages/NewPage/NewPage';
... -
Fügen Sie sie dann als Teil von
routesein:App.config.tsx...
routes: [
...
{
title: "New Page",
path: '/NewPage',
component: MyNewPage,
},
...
],
...
-
Speichern Sie Ihre Änderungen und führen Sie
npm startaus. Ihre neue Seite sollte wie folgt aussehen: