如何用文件名替换空格，构建路由？

const fileName = "my file name.txt";
const replacedFileName = fileName.replace(/\s/g, "_");
console.log(replacedFileName); // 输出：my_file_name.txt

import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

const replacedFileName = "my_file_name.txt";

const App = () => {
  return (
    <Router>
      <Switch>
        <Route path={`/${replacedFileName}`}>
          {/* 路由对应的组件 */}
        </Route>
        {/* 其他路由 */}
      </Switch>
    </Router>
  );
};

export default App;