Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- 차이점
- 항해99
- javascript
- 부트캠프
- 스파르타코딩클럽
- 종류
- 의미
- 코딩기초트레이닝
- 프로그래머스
- 안드로이드
- 단점
- 문법
- 코틀린
- 장단점
- 리액트
- 과제
- input
- Promise
- 자바스크립트
- programmers
- 코딩 기초 트레이닝
- 개념
- 비교
- backjun
- 특징
- Redux
- 장점
- 웹개발종합반
- React
- Android
Archives
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:02ERROR 발생
필자는 리액트 실행 중 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">