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

iqjalb3h 于 2023-05-23 发布在 TypeScript

关注(0)|答案(2)|浏览(196)

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

typescript

来源：https://stackoverflow.com/questions/62356722/typescript-left-side-of-comma-operator-is-unused-and-has-no-side-effects-how

2条答案

按热度按时间

aurhwmvo1#

对象文字中 computed property name 的语法是[someExpression]，而不是${someExpression}：

const root = "/";

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

[Playground链接]

赞(0）回复(0）举报 2023-05-23

camsedfj2#

当我使用一个箭头函数返回一个键值对对象时，出现了这个问题，下面是出现问题时的代码

const methodTest=(value)=>{ key1 : value,key2:value }

解决方案是在大括号{}周围添加一个（）。下面是针对上述问题的解决方案

const methodTest=(value)=>({key1:value , key2:value })

赞(0）回复(0）举报 2023-05-23

我来回答

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

2条答案

相关问题

热门标签

最新问答