React js - 动态创建SVG

Question

什么是最好的方法来生成SVG元素与多个嵌入式svg元素，并返回作为一个反应元素？ 我在寻找如下内容：

let s1 = <circle cx="5" cy="5" r="10" stroke="green" strokeWidth="4" fill="blue" />; 

let s2 = <circle cx="50" cy="50" r="40" stroke="green" strokeWidth="4" fill="blue" />; 
let tl = s1 + s2; // Operator '+' cannot be applied to types 'Element' and 'Element'. 

return <svg>{tl}</svg>; 

Answer 1

React可以渲染数组。只需在代码中更改它即可：let tl = [s1, s2]。