Reactjs 反应路由组件上的类型错误

Reactjs 反应路由组件上的类型错误,reactjs,typescript,react-router,Reactjs,Typescript,React Router,我试图使用route组件,但它抛出以下错误: [ts]键入“{path://:shortname”组件:typeof FirstComponent;}” 不可分配给类型“内在属性”& IntrinsicClassAttributes&只读 &真的……’ 这是我的路线配置: import { BrowserRouter as Router, Route, Link } from 'react-router-dom'; <Router> <Link to='/custom

我试图使用route组件,但它抛出以下错误:

[ts]键入“{path://:shortname”组件:typeof FirstComponent;}” 不可分配给类型“内在属性”& IntrinsicClassAttributes&只读 &真的……’

这是我的路线配置:

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

<Router>
    <Link to='/customer'></Link>
    <Route path='/:shortname' component={FirstComponent} />
</Router>

好的,问题是
元素只接受单个子元素。而您的子路由器是一组链接和路由

尝试用div甚至fancier包装你的链接和路线(react 16.2+之后)



你的代码看起来不错,我也在使用typescript,但我没有收到这个错误。你能上传你的
FirstComponent
组件的代码吗?很明显,错误是react路由器和该组件之间的接口,因此我们可能需要查看该代码以确定真正的根本原因。
"@types/react-router-dom": "^4.0.5"
"react-router-dom": "^4.1.1"
<Router>
  <React.Fragment>
    <Link to='/customer'></Link>
    <Route path='/:shortname' component={FirstComponent} />
  </React.Fragment>
</Router>