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