[JS] Component children으로 화살표 함수가 선언되는 경우

영상 다운로드 시에, BottomSheet 내부의 컴포넌트가 반복적으로 리렌더링되는 에러를 발견하였다. 리렌더링 되는 부분의 코드는 다음과 같다. setSheetStatus(Math.max(index, 0))} handleComponent={() => } backgroundComponent={() => } children={ () => ( ) } /> 문제가 되는 부분은 컴포넌트의 children이 인스턴스가 없는 화살표 함수로 선언되어 있는 부분이다. 첫번째로 이상한 점은, children은 기본 prop이기 때문에 위와 같이 넘겨주는 것이 관행인데 굳이 prop전달문 안에 children = { } 형식으로 넘겨주는 이유가 불분명하다. 두 번째로 이상한 점은, 굳이 왜 화살표 함수의 형태로 넘겨주는가..

2023.05.09