VSCode поддерживает переменные CSS в реакции?ошибка

Question

Этот код работает, но VSCode возвращает ошибку.

ReactDOM.render(
	 <span  style={{"--backlight-color": "red"}} /* change color of span */ >text</span>,
	document.getElementById('root')
);

:root {
  --backlight-color: silver; /* default color of span*/
}

span {
  background-color: var(--backlight-color);
}

<div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.min.js"></script>

Эта ошибка в строке <span style={{"--backlight-color": "red"}} >text</span>,:

Типы свойства 'style' несовместимы.Тип '{"--backlight-color": любой;} 'нельзя назначить типу' CSSProperties '.Объектный литерал может указывать только известные свойства, а «--backlight-color» не существует в типе «CSSProperties».

Поддерживает ли VSCode переменные CSS в реакции?
Как еще следуетВы реализуете это?

Я не хочу, чтобы это отображало эту ошибку в VScode.

Это об этой ошибке: https://github.com/facebook/react/issues/6411

Answer 1

Вы должны установить

root {
  background-color:silver;
}

вместо

root {
  --backlight-color: silver;
}