COCO World

[React] Invalid dom property `stroke-width`. did you mean `strokewidth`경고 해결방법 본문

에러 기록지

[React] Invalid dom property `stroke-width`. did you mean `strokewidth`경고 해결방법

코코월드주인장 2023. 3. 8. 14:02

ERROR 발생

필자는 리액트 실행 중 console.log에 아래와 같은 경고를 만났다.

Invalid dom property `stroke-width`. did you mean `strokewidth`

 

해결방법

svg 파일을 가져올 때, '

 stroke-width' 와 'fill-rule'로 가져와지는데 문법형식을 지키지 않아서 나는 오류이기 때문에 아래와 같이 고쳐줘야 한다.

=> 자바스크립트의 '카멜표기법'으로 바꿔줘야 한다.

<g id="Slack-Logo" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">

'에러 기록지' 카테고리의 다른 글

[ERROR 해결 / 리액트] Objects are not valid as a React child (found: object with keys {키값}). If you meant to render a collection of children, use an array instead.  (0) 2023.09.01
[React] input 체크박스 checkbox 전체선택, 부분선택 에러 해결  (0) 2023.03.20
[React] Cannot read properties of undefined (reading 'cancelToken') 해결  (0) 2023.03.08
[React/리액트] Can't resolve 'web-vitals' 에러 해결하기  (0) 2023.02.21
[Python/Pycharm] Mac/window용 Address already in use 에러해결, 포트 강제종료 터미널 명령어  (0) 2023.01.06
'에러 기록지' Related Articles more