反应:渲染内联svg图标
我有以下用于内联svg图标的代码:反应:渲染内联svg图标,svg,reactjs,Svg,Reactjs,我有以下用于内联svg图标的代码: @Icon = React.createClass render: -> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <title>img</title> <g stroke-width="2" stroke="#0070D9" fill="none" f
@Icon = React.createClass
render: ->
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<title>img</title>
<g stroke-width="2" stroke="#0070D9" fill="none" fill-rule="evenodd">
<path d="M2 1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
<path d="M1.652 14.514l4.956-6.279 5.448 5.579 6.398-5.579M13 3.95a2.05 2.05 0 1 1 0 4.1 2.05 2.05 0 0 1 0-4.1z"/>
</g>
</svg>
@Icon=React.createClass
渲染:->
img
但是使用
-
跳过所有属性,例如:笔划宽度=“2”
使用camelCase
。例如:笔划宽度
而不是笔划宽度
。我已经做了一个工作示例。试着看看控制台。React通常会警告不兼容的属性并建议操作(删除、重命名)。就你而言,正如拉扎雷夫所指出的,这是一个骆驼案问题。您还可以删除不受支持的xmlns
。