我收到有关react-router的render Link组件的错误

Question

在我的简单应用程序中，我的组件之一需要react-router的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'

什么也不会出错，任何人都可以告诉我导入链接组件的上述三种方式有什么不同。 我的react-router-dom版本是4.3.1

Answer 1

导入链接组件的正确方法是：

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

您的操作方式：import { BrowserRouter as Link}是不正确的方法，因为您只是导入 BrowserRouter 组件并将其重命名为“链接”。