Есть ли способ заставить атрибут стиля элемента React JSX распознавать настраиваемое свойство CSS?

В документации Linariaздесь утверждается, что должно быть возможно следующее:

      export function Box({ size }) {
  return (
    <div
      className={box}
      style={{ '--box-size': size }}
    />
  );
}

Однако компилятор обоснованно допускает такие ошибки

      Type '{ '--box-size': any; }' is not assignable to 
  type 'Properties<string | number, string & {}>'.

Object literal may only specify known properties, 
  and ''--box-size'' does not exist in type 
  'Properties<string | number, string & {}>'.

index.d.ts(1863, 9): The expected type comes from 
  property 'style' which is declared here on type 
  'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, 
  HTMLDivElement>'

Есть ли способ пройти в--box-size- или любое пользовательское свойство CSS - в элемент JSX?

0 ответов

Другие вопросы по тегам