Intenté importar el enlace desde react-router-dom y obtuve un error de compilación si no se encuentra ese módulo. Luego lo instalé por separado. Entonces obtuve este error.

 Uncaught Error: useHref() may be used only in the context of a <Router> component.

Mi código:

índice.js

 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import NavBar from './components/navbar'; import reportWebVitals from './reportWebVitals'; ReactDOM.render( <React.StrictMode> <NavBar /> </React.StrictMode>, document.getElementById('root') ); reportWebVitals();

barra de navegación.jsx

 import React from "react"; import {Link} from 'react-router-dom'; const NavBar = () => { return ( <ul> <li> <Link to="/">Home</Link> </li> <li> <Link to="/products">Products</Link> </li> </ul> ); }; export default NavBar;

productos.jsx

 import React from "react"; class Products extends React.Component { render() { return ( <div> <h1>Products</h1> </div> ); } } export default Products;