Как сделать в React? style={{'--var': '100px'}} выдаёт ошибку

Ещё как выдаёт. И именно тайпскрипт Type '{ '--var': string; }' is not assignable to type 'Properties<string | number, string & {}>'. Object literal may only specify known properties, and ''--max-height'' does not exist in type 'Properties<string | number, string & {}>'.

0

29.03.2022

Khazif Автор вопроса

Alexey Shevchenko
У тебя синтаксис неправильный вроде, тебе в стилях...

Уже обсудили. Мне нужно не использовать переменную, а задать

0

29.03.2022

Veli

Khazif
Ещё как выдаёт. И именно тайпскрипт Type '{ '--va...

да у меня IDE как всегда сто лет ошибки обрабатывает. Это ошибка в тайпингах CSSProperties. Они некорректные. Сама функция работает

0

29.03.2022

Khazif Автор вопроса

Veli
в общем, тут проблема в типах. Можно заигнорить и ...

К сожалению или счастью, но типам соответствовать надо

0

29.03.2022

Назар Швець

Khazif
К сожалению или счастью, но типам соответствовать ...

+

0

29.03.2022

Veli

Khazif
К сожалению или счастью, но типам соответствовать ...

к сожалению или счастью, проблема в самих типах, они кривые

0

29.03.2022

Khazif Автор вопроса

Veli
к сожалению или счастью, проблема в самих типах, о...

Пишем issue разработчикам React)

0

29.03.2022

Назар Швець

Veli
к сожалению или счастью, проблема в самих типах, о...

Ненадо делать сайдеффекты в рендере.

0

29.03.2022

Veli

Khazif
Пишем issue разработчикам React)

не реакт, у них TS в репозитории нет. Это @types/react, если не ошибаюсь

0

29.03.2022

Veli

Назар Швець
Ненадо делать сайдеффекты в рендере.

это уже он сам решит, наверное, да и не совсем ясно, при чем тут сайдэффекты

0

29.03.2022

Dmitry Remezov

as CSSProperties

0

29.03.2022

Назар Швець

А давно css переменные стали локальными?

0

29.03.2022

Sergey Sova

Назар Швець
А давно css переменные стали локальными?

с тех пор как добавили custom properties

0

29.03.2022

Dmitry Remezov

О, нашел свою хренотень import React from 'react'; /** * @see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/37087#issuecomment-726158907 */ declare module 'react' { function memo<T extends React.ComponentType<any>>( c: T, areEqual?: ( prev: Readonly<React.ComponentProps<T>>, next: Readonly<React.ComponentProps<T>> ) => boolean ): T & { displayName?: string | undefined; }; interface CSSProperties extends React.CSSProperties { [key: `--${string}`]: string | number | null | void; } }

0

29.03.2022

Khazif Автор вопроса

Спасибо, более элегантно)

0

29.03.2022

Dmitry Remezov

Khazif
Спасибо, более элегантно)

Добавь это в декларацию // overrides.d.ts // <- сюда вставь // tsconfig.json { … “include”: [“overrides.d.ts”, “**/*.ts”, “**/*.tsx”] }

0

29.03.2022