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

は、配列をレンダリングすることができます反応します。あなたのコードで変更してください：let tl = [s1, s2]。