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]。