ReactJS: Зачем использовать this.props.children?

Я понял, что ни один из компонентов, которые я пишу, не использует {this.props.children}.

Я склонен составлять мои компоненты так, как официальные документы находятся в верхней части https://facebook.github.io/react/docs/multiple-components.html.

Вложенные компоненты такие как...

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

... выгодно сочинять их так:

A.js

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

Предполагая, что правильная терминология, что мне не хватает?

Ответ 1

В моих приложениях я редко использую this.props.children, потому что я часто знаю конкретно, какие дети я хочу отображать. В библиотеках или компонентах, написанных для повторного использования вне определенного приложения, я часто это видел. Я думаю, что this.props.children больше относится к этому случаю использования.

Ответ 2

Я бы сказал, что это было бы полезно, если вы не знаете, что хотите сделать.

Например, у вас есть обертка всплывающей подсказки, скажем, это A компонент в вашем сценарии, и вы можете использовать его для передачи различного контента:

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

Или:

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

Ответ 3

Некоторые компоненты не знают своих детей раньше времени. Это особенно характерно для таких компонентов, как Sidebar или Dialog, которые представляют собой общие "ящики".

Мы рекомендуем, чтобы такие компоненты использовали специальную дочернюю опору для передачи дочерних элементов непосредственно в их выход: Подробнее...