在“react-router-dom”中找不到导出“Switch”（导入为“Switch”）

Question

export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'我在将 React-router-dom 更新到 6.2.1 时收到此错误。

这是我的 Main.jsx

export default function Main(props) {
  const classes = useStyles();

  return (
    <main className={classes.content}>
      <div className={classes.appBarSpacer} />
      <Container maxWidth="lg" className={classes.container}>
        <Grid container spacing={3}>
          <Grid item xs={12}>
            <Paper className={classes.paper}>
              <Switch>
                {routes.map((route, key) => (
                  <Route key={key} exact path={route.path}>
                    <route.Content />
                  </Route>
                ))}
              </Switch>
            </Paper>
          </Grid>
        </Grid>
        <Box pt={4}>
          <Copyright />
        </Box>
      </Container>
    </main>
  );
}

我尝试用路由替换交换机，但这破坏了我的前端。我应该怎么办？

非常感谢您的帮助。

谢谢你！

Answer 1

在版本 6 中，Switch被Routes. 尝试这个import {Routes} from 'react-router-dom';。