Javascript Typescript路由错误-没有与此调用匹配的重载
当点击按钮时，我试图重定向到注册页面，但是，我收到“没有重载匹配此呼叫错误”。我试图用谷歌搜索这个错误，但是它看起来很广泛，而且我对Typescript还不太熟悉，所以不确定如何修复它 单击按钮时，我应该如何修复错误以及如何显示注册表单Javascript Typescript路由错误-没有与此调用匹配的重载,javascript,reactjs,typescript,routes,Javascript,Reactjs,Typescript,Routes,当点击按钮时，我试图重定向到注册页面，但是，我收到“没有重载匹配此呼叫错误”。我试图用谷歌搜索这个错误，但是它看起来很广泛，而且我对Typescript还不太熟悉，所以不确定如何修复它 单击按钮时，我应该如何修复错误以及如何显示注册表单 // Main.tsx import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter, Route, Switch, useRouteMatch, useP
// Main.tsx
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Route, Switch, useRouteMatch, useParams } from 'react-router-dom';
import Button from '@material-ui/core/Button';
import Link from '@material-ui/core/Link';
import { SignUp } from "./SignUp";
function Main() {
// some stuff above
<Button component= { Link } to="/signup" variant="contained" color="primary">Sign up!</Button>
// some stuff below
}
ReactDOM.render((
<BrowserRouter>
<Switch>
<Route path="/">
<Main />
</Route>
<Route path="/signup">
<SignUp />
</Route>
</Switch>
</BrowserRouter>),document.getElementById("main")
);
//Main.tsx
从“React”导入React；
从“react dom”导入react dom；
从“react router dom”导入{BrowserRouter，Route，Switch，useRouteMatch，useParams}；
从“@material ui/core/Button”导入按钮；
从“@material ui/core/Link”导入链接；
从“/SignUp”导入{SignUp}；
函数Main（）{
//上面有些东西
注册
//下面有些东西
}
ReactDOM.render((
)，document.getElementById（“main”）
);
属性“component”不存在于类型“IntrinsicattAttributes&{children？：ReactNode；color？：color；disableElevation？：boolean；disableFocusRipple？：boolean；endIcon？：ReactNode；…4更多…；变体？：“text”|…1更多…|“包含”}&{…}&CommonProps&Pick.您可以更改路由并尝试这样定义路由吗？我希望这会有所帮助
<Route path="/signup" component={SignUp} />
这是material ui的一个例外，它意味着您的组件使用了它不应该拥有的道具 如果您这样做：
import Button from '@material-ui/core/Button';
import Link from '@material-ui/core/Link';
<Button component={Link} to="/signup" variant="contained" color="primary">Sign up!</Button>
从“@material ui/core/Button”导入按钮；
从“@material ui/core/Link”导入链接；
注册
import { Link as RouterLink } from "react-router-dom";
import Button from "@material-ui/core/Button";
<Button component={RouterLink} to="/singup" variant="contained" color="primary">Sign up!</Button>
从“react router dom”导入{Link as RouterLink}；
从“@物料界面/核心/按钮”导入按钮；
注册
或者，您可以使用“href”来自material ui Link组件的道具，但这将打乱您的路由，因为这将呈现一个普通的