ReactJS: Dlaczego warto używać this.props.children?

Question

Zdałem sobie sprawę, że żaden z elementów, które piszę, nie używa {this.props.children}.

Staram się komponować moje komponenty tak, jak oficjalne dokumenty znajdują się na szczycie https://facebook.github.io/react/docs/multiple-components.html.

Czy zagnieżdżanie komponenty tak ...

<A> 
    <B /> 
    <C /> 
</A> 

... korzystne ponad komponowania ich tak ?:

A.js

render() { 
    <B /> 
    <C /> 
} 

Zakładając, że jest to właściwa terminologia, czego mi brakuje?

Answer 1

W moim aplikacje rzadko używam this.props.children, ponieważ często wiem dokładnie, jakie dzieci chcę renderować. W bibliotekach lub komponentach napisanych do ponownego wykorzystania poza określoną aplikacją, widziałem to często. Myślę, że this.props.children ma większe znaczenie dla tego przypadku użycia.

Answer 2

Powiedziałbym, że byłoby to przydatne, gdy nie wiesz, co chcesz renderować.

Na przykład, masz otoki podpowiedzi, powiedzmy to A komponent w scenariuszu i można go używać do przekazywania różnych treści:

<A> 
    <div>Some text...</div> 
    <ImageComponent /> // render an image as well 
</A> 

czyli

<A> 
    <div>Only text</div> 
</A> 

Answer 3

Niektóre elementy nie znają swoich dzieci z wyprzedzeniem. Jest to szczególnie częste w przypadku komponentów takich jak Pasek boczny lub Okno dialogowe, które reprezentują ogólne "pudełka".

Zalecamy takie składniki użyć specjalnych dzieci prop przekazać dzieciom elementy bezpośrednio do ich produkcji: Read More...