Question

我试图使用路线路线组件但是它会引发以下错误：

[ts]输入＆＃39; {路径：＆＃34; /：短名称＆＃34 ;; component：typeof FirstComponent; }＆＃39; 不能分配类型＆＃39; IntrinsicAttributes＆amp; IntrinsicClassAttributes＆amp; Readonly＆lt; {children？：ReactNode; }＆GT; ＆安培; REA ...＆＃39;

这是我的路线配置：

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

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

这些是我使用的版本：

"@types/react-router-dom": "^4.0.5"
"react-router-dom": "^4.1.1"

Answer 1

好吧，问题是<Router/>元素只接受单个子元素。虽然你的路由器的孩子是一系列Link＆amp;路由。

尝试使用div或React.Fragment包裹您的链接和路线（在反应16.2 +后）

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

在React Route组件上键入错误

1 个答案: