React 구성 요소가 비어 있거나 하위 구성 요소가 없는지 확인하십시오.

Question

React 구성 요소가 비어 있거나 하위 구성 요소가 없는지 어떻게 확인합니까? 예를 들어 Component A라는 구성 요소가있는 경우 구성 요소 B가 포함되어 있는지 어떻게 확인할 수 있습니까?

Answer 1

this.props.children을 사용하여 하위 구성 요소를 가져올 수 있습니다. 아이가 1 개 밖에없는 경우, this.props.children는 그 아이 컴퍼넌트를 포인트합니다. 그렇지 않은 경우는 아이 컴퍼넌트의 배열을 돌려줍니다.

의 경우 배열, 당신은 그들을 통해 루프 this.props.children.map을 사용할 수 있습니다, 당신은 이름을 찾거나 구성 요소의 유형과 같이 할 수 있습니다

this.props.children.map(child => console.log(child.type))