@IvanIvanIvanIvanIvan

Как научить React.js понимать svg?

<svg width="200.00000000000003" height="200.00000000000003" xmlns="http://www.w3.org/2000/svg">

 <g>
  <title>background</title>
  <rect fill="#fff" id="canvas_background" height="72.17544" width="72.17544" y="-1" x="-1"/>
  <g display="none" id="canvasGrid">
   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1"/>
  </g>
 </g>
 <g>
  <title>Layer 1</title>
  <ellipse ry="26.6233" rx="29.54537" id="svg_2" cy="42.8576" cx="42.59811" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#fff"/>
 </g>
</svg>


Пример svg графики. Если вставляю в React оно вроде работает, но в консоли выдает ошибки

Warning: Unknown DOM property stroke-width. Did you mean strokeWidth?

Как это исправить?
  • Вопрос задан
  • 2002 просмотра
Решения вопроса 1
@Sayto
Перепишите все атрибуты с дефисом в camelCase и будет вам счастье.
Дока
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы