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

对象字面量中计算属性名称的语法[someExpression]是，而不是`${someExpression}`：

const root = "/";

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

[游乐场链接]