Вы должны указать свойство 'to'

Question

Я пытаюсь использовать Link вместо тега привязки.В этом теге Link я использую свойство to, но оно выдает ошибку, например «Вы должны указать свойство».

код Nav.jsx

import React from "react";
import { Link, NavLink } from "react-router-dom";
const Navbar = () => {
return (
<nav className="nav-wrapper grey darken-3">
  <div className="container">
    <Link className="brand-logo">Sherlock Holmes</Link>
    <ul className="right">
      <li>
        <Link to="/home">Home</Link>
      </li>
        <li>
          <Link to="/about">About</Link>
        </li>
        <li>
          <Link to="/contact">Contact</Link>
        </li>
      </ul>
    </div>
  </nav>
 );
};

export default Navbar;

Код App.jsx

import React, { Component } from "react";
import NavBar from "./components/Nav";
import { BrowserRouter, Route } from "react-router-dom";
import Home from "./components/Home";
import About from "./components/About";
import Contact from "./components/Contact";

class App2 extends Component {
  state = {};
  render() {
    return (
      <BrowserRouter>
        <div className="App">
          <NavBar />
          <Route path="/home" component={Home} />
          <Route path="/about" component={About} />
          <Route path="/contact" component={Contact} />
        </div>
      </BrowserRouter>
    );
  }
}

export default App2;

На странице App.jsx в ReactDom.render выдается ошибка, указывающая свойство to.

Answer 1

Проблема

<Link className="brand-logo">Sherlock Holmes</Link>

не имеет атрибута to

Решение

<Link to="/some_link" className="brand-logo">Sherlock Holmes</Link>