я получил ошибку о рендере

Question

В моем простом приложении одному из моих компонентов требуется компонент Link на маршрутизаторе реакции, например:

<ul>
   <li><Link to="/">javascript</Link></li>
   <li><Link to="/">python</Link></li>
   <li><Link to="/">java</Link></li>
</ul>

при импорте ссылки следующим образом:

import { BrowserRouter as  Link} from 'react-router-dom'

я получил ошибку:

React.Children.only expected to receive a single React element child

и если я импортирую ссылку, как это:

import { BrowserRouter as Router, Route, Link} from 'react-router-dom'

или этот

import { Link} from 'react-router-dom'

, который ничего не получит, любой можетскажите, чем отличаются вышеуказанные три способа импорта компонента Link.моя версия реакции-роутера-dom 4.3.1

Answer 1

Правильный способ импорта компонента Link :

import { Link } from "react-router-dom";

Способ, которым вы это делаете: import { BrowserRouter as Link} - неправильный способ, поскольку вы просто импортируете BrowserRouter компонента и переименование его в «Ссылка».