본문 바로가기

프로젝트/나무(나누고 나눔받는 무한 지식 품앗이)

[Warning] React does not recognize the x prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `x` instead. If you accidentally passed it from a parent component, remove it from the DOM el..

반응형

햄버거 메뉴를 만들다가 저런 warning을 발견했다. custom component에 props를 전달해주니 뜨는 오류였다. DOM 요소에 있는 내가 만든 prop(isMenuOpen)을 리액트가 이해하지 못해 뜨는 warning 인 것 같다.

스택 오버플로우에 검색하여 해결책을 찾았다.

위의 글을 참고하여 다음과 같이 수정했더니 더 이상 warning이 뜨지 않는다.

 

참고한 글)

https://stackoverflow.com/questions/54468535/how-to-solve-warning-react-does-not-recognize-the-x-prop-on-a-dom-element

 

How to solve Warning: React does not recognize the X prop on a DOM element

I'm using a thing called react-firebase-js to handle firebase auth, but my understanding of react and of the provider-consumer idea is limited. I started with a built a very big JSX thing all at...

stackoverflow.com

 

반응형