Я пытаюсь создать свой первый портфельный веб-сайт и застревать в маршрутизации, используя реактивные маршрутизаторы 4.2.2 и стилизованные компоненты 2.2.3.
сообщение об ошибке: Вы не должны использовать Route или withRouter() вне маршрутизатора
Я также пытаюсь использовать ссылку вместо NavLink, но также получил ошибку (Не следует использовать ссылку вне маршрутизатора)
Кто-то мне поможет.
navigationBar.js
import React, { Component } from 'react';
import { NavigationContainer, NavItem } from './navigationBar.style';
class NavigationBar extends Component {
render() {
return (
<NavigationContainer>
<NavItem to="/">Home</NavItem>
<NavItem to="/projects">Project</NavItem>
</NavigationContainer>
);
}
}
export default NavigationBar;
navigationBar.style.js
import styled from 'styled-components';
import { Flex, Div } from 'theme/grid';
import { NavLink } from 'react-router-dom';
export const NavigationContainer = styled(Flex)`
position: fixed;
right: 20px;
top: 0.5em;
font-size: 1em;
`;
export const NavItem = styled(NavLink)`
position: relative;
padding-left: 10px;
cursor: pointer;
`;