Как указать место для содержимого React-компоненту?

Question

[Аня Коломенская]

Допустим, есть React-компонент SectionContainer, выводящий

<section>
    <h3></h3>
    <article></article>
    <div></div>
</section>

И задействован он в следующей форме:

<SectionContainer>
    <SectionContent />
    <SectionExtraContent />
</SectionContainer>

Как указать SectionContainer'у, что содержимое следует вставлять именно внутрь article'я, а не в h3 или div'а?

Answer 1

[hzzzzl]

https://reactjs.org/docs/composition-vs-inheritanc...

// если это классовый компонент, а не функция
<section>
    <h3></h3>
    <article>{this.props.children}</article>   
    <div></div>
</section>

Comments

[Аня Коломенская]

Спасибо! Это именно то, что и было нужно.