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