React에서 SVG 이미지 연동오류

Question

리액트에서 다음과 같은 SVG 이미지를 연동하고 싶습니다. 다음과 같은 타입 오류가 발생하여Type 'string' has no properties in common with type 'Properties'.ts(2559) index.d.ts(2606, 9): The expected type comes from property 'style' which is declared here on type 'SVGProps' (property) React.SVGAttributes.style?: React.CSSProperties | undefinedsrc폴더에 custom.d.ts 파일을 만들고declare module '*.svg' { const content: any; export default content; }tsconfig.json 파일을 수정하고 진행했습니다. }, "include": [ "src", "src/custom.d.ts" ] }이후에도 타입 오류가 발생합니다.아시는 분 계실까요?

몰랑토끼 · Answer

svg코드 자체를 넣는건 리액트가 아닌 순수페이지에서도 비추합니다

qwerfds123 · Answer

svg 파일을 따로 모아두는 폴더를 만들고 ReactComponent as 로 import 해와서 component 처럼 svg 를 사용하는게 좋습니다 (svg component로 사용하기 이런거 치며 많이 나올 겁니다)

으악 또 · Answer

jsp에서는 <object 테그로 svg 파일 받던데여리엑트는 모르겠네요

React에서 SVG 이미지 연동오류

3개의 답변

#svg 목록