阵营：渲染联SVG图标

我有联SVG图标验证码：阵营：渲染联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" 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>

但反应与-跳过所有属性，如：stroke-width="2"

来源

2016-07-15 Meldum

试着看看控制台。 React通常会警告不兼容的属性并建议一个操作（删除，重命名）。就你而言，这是拉扎列夫指出的驼峰问题。你也可以删除不支持的'xmlns'。 –

使用camelCase。例如：strokeWidth而不是stroke-width。我做了一个fiddle与工作示例。

来源

2016-07-15 16:45:22

阵营：渲染联SVG图标

回答

相关问题