ReactElement2 [Typescript] Type '{ children: never[]; }' has no properties in common with type 'IntrinsicAttributes'. 에러 Components 안에 img태그를 넣으려고 하다가 아래사진과 같은 에러가 나왔다. - components안에 들어갈 요소의 타입을 정해주지 않아 발생한 오류 같았다. Components 구성 - 상위 Components - 하위 Components 해결 방안 하위 Components의 children을 넣고 타입을 정의해 주었다. - 하위 Components ! 타입 설정시 ReactNode, ReactElement 중 아무거나 해도 상관없다. 좀 더 정확하게 설정해주고 싶다면 원시타입은 허용하지 않는 ReactElement가 좀 더 정확하다고 할 수 있다. 2023. 2. 25. [Typescript] ReactNode와 ReactElement (feat. ReactChild) ReactNode 와 ReactElement (+ ReactChild ) 자식 요소를 감싸는 래퍼컴포넌트를 작성하다 자식요소의 타입을 정하라는 표시가 보였다. 검색해서 찾아보니 ReactNode, ReactChild, ReactElement 3가지 중 하나의 타입을 적용해야 할 것 같았다. 1. ReactNode ReactNode는 ReactElement뿐만 아니라, string, number, boolean 등 원시타입까지 포함하고 있다. 즉 ReactNode는 리액트 애플리케이션에서 보여지는 모든 것들 이라고 볼 수 있다. 2. ReactElement (+JSX.Element 도 사용 가능하다) 커서를 올려보면 위 사진처럼 나오는데 이게 무슨 뜻일까 검색을 해보니 원시타입은 허용하지 않는 jsx 요소.. 2023. 2. 3. 이전 1 다음
