因此，我尝试在我的 Weather App 项目中实现路由，我想要实现的是，当我单击 cityname 时，它​​应该显示在另一个应用程序中。但不知何故，我收到以下错误 TypeError: Object(...) 不是函数 以下是我的文件：

我的 App.js

   const App = () => {
  return (
    <>
      <Container>
        <Switch>
          <Route exact path="/">
            <Header />
            <WeatherData />
          </Route>
          <Route exact path="/cities">
            <Header />
            <Cities />
          </Route>
          <Route path="/cities/:val" component={DataNaman}/>
        </Switch>
      </Container>
    </>
  );
};

我的下一个组件文件：

import React, { useParams } from "react";

const DataNaman = () => {
  debugger;
  let { val } = useParams();

  return (
    <>
      <h1>Naman</h1>
    </>
  );
};

export default DataNaman;