styles Second argument passed into a variable object the type cannot be determined about styils HOT 5 CLOSED

The example is wrong. It's vars

from styils.

The example is wrong. It's vars

need to add const to the returned object, otherwise TypeScript cannot infer the specific value type.

function getStyle(){
   return {...} as const
}

from styils.

这个例子是错误的。这是变量

需要给返回的对象添加const，否则TypeScript无法推断出具体的值类型。

function getStyle(){
   return {...} as const
}

Why do I need to infer to specific types that the source code has done internally?

from styils.

When using vars, which relies on value rather than key, the actual type obtained when using a variable is { gridTemplateColumns: string }. Therefore, it's not possible to obtain the type of a value like $grid-cols. When adding const, the type obtained is {readonly gridTemplateColumns: "$grid-cols" }.

So if the specific value $xxx cannot be obtained, vars cannot perform correct inference.

from styils.

I'm going to close this issue, feel free to reopen if there are any other issues

from styils.