string - 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 computed property name在对象文字中是 [someExpression] , 不是 `${someExpression}` :

const root = "/";

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

[ Playground Link ]