이 게시글 덕분에 h 헬퍼를 사용하여 SVG 객체를 생성할 수 있었습니다:
let logo = h("svg", {
"attributes": {
"width": "22",
"height": "24",
"viewBox": "0 0 22 24",
"fill": "none",
"xmlns": "http://www.w3.org/2000/svg"
}
},
h("path", {
"attributes": {
"d": "M11.5992 4.29387L15.4141 ... 0V4.29387Z",
"fill": "#000000"
}
})
);
하지만 viewBox(*) 속성이 항상 소문자로 렌더링되는 것을 확인했습니다.
SVG 이미지는 정의된 모든 속성(*)과 함께 생성되지만, 페이지에 렌더링되지 않습니다. 무엇을 놓치고 있을까요?
이것이 virtual-dom 패키지에 의해 제공된다는 것을 알고 있지만, 거기서 해결책을 찾을 수 없었습니다.