Typescript -逗号运算符的左侧未使用且没有副作用-如何在hookrouter的路由中使用常量代替字符串？

Question

import React from "react";
import Users from "./components/Users";
import Contact from "./components/Contact";
import About from "./components/About";
const routes = {
  "/": () => <Users />,
  "/about": () => <About />,
  "/contact": () => <Contact />
};
export default routes;

我可以知道如何在路由中使用常量而不是字符串，如下所示？

const root = "/";

const routes = {
  `${root}`: () => <Users />,
};

当我尝试上面的代码时，我得到了以下错误：

Left side of comma operator is unused and has no side effects

Answer 1

对象文本中的The syntax for a 为[someExpression]，而不是`${someExpression}`

const root = "/";

const routes = {
  [root]: () => <Users />,
};

[Playground Link]