[Error] styled-component input

김현성·2023년 2월 18일
0
Uncaught Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.

스타일드 컴포넌트 사용 시 발생하는 문제이다.
input 등과 같이 자식을 가질 수 없는 태그에 자식을 넣었을 때 발생하는 에러이다.

const SearchBox = styled.input``;
const SearchIcon = styled.div``;

<SearchBox>
    <SearchIcon></SearchIcon>
</SearchBox>

이런게 불가능하다.

해결방법

<SearchBox>
</SearchBox>

input 안에 자식을 제거해준다.

profile
자주 검색하게 되는 내용 기록

0개의 댓글