Проблема с маршрутизацией и связью с использованием nextjs - PullRequest
Новая
       102

Проблема с маршрутизацией и связью с использованием nextjs

0 голосов
/ 18 февраля 2020

У меня проблема с маршрутизацией и ссылками в Next js. Я создал страницу, похожую на блог, используя React + Typescript, и я хотел бы использовать тот же код в Next js. Первоначально я использовал import {Link} from 'react-router-dom';. Однако, поскольку эта ссылка не работает с Next js, я использовал ссылку / следующий импорт.

Проблема заключается в том, когда я пытаюсь нажать «Aboutus» моего Navbar, я получаю следующую ошибку:

404 Эта страница не может быть найдена.

Вот код моего Navbar.tsx 

import React from 'react';
import Link from 'next/link';
const Navbarr : React.FC = () => {
return (
<div>
<AppName >
        <Link href="/"><a>Abc</a></Link>
    </AppName>
    <Button>
        <Link href="/new">
          <a>Aboutus</a>
        </Link>
    </Button>
</div>)}
export default NavBarr;

1 Ответ

1 голос
/ 18 февраля 2020

В следующем. js когда файл добавляется в каталог страниц, он автоматически становится доступным как маршрут.

Я предлагаю вам прочитать https://nextjs.org/docs/routing/introduction

...