React TypeScript의 선택적 부울 유형 props가 부울 유형이 아닌 것으로 인식되는 문제 분석

Question

이상한 문제에 부딪혔는데 뭔가 빠진 것 같아요.

이것은 내 Box 기능/구성 요소입니다

으아악

모든 소품은 부울이고 기본값은 false이며 모두 null을 허용합니다(분명히)

하지만 콘솔에는 여전히 다음과 같은 경고가 표시됩니다.

경고: 부울이 아닌 속성 clickable的false 값을 받았습니다.

모든 소품에 대해 이 경고가 표시됩니다

그런 구성 요소를 만드는 방법을 이해할 수 없습니다:

으아악

이 경고를 받지 못한 채.

여러 가지 방법을 시도해 봤지만 모든 방법을 말씀드릴 수는 없을 수도 있습니다.

Answer 1

이것은 div 요소에 이러한 속성(패딩, 간격 등)이 없기 때문입니다.

코드에서 {...props} 부분을 제거해야 합니다. 수정된 코드는 다음과 같아야 합니다.

으아악