Рендеринг дочерних компонентов с помощью реакции на рельсы

Question

В настоящее время создается что-то с помощью реакции на рельсы, но мне нужно выяснить, как передать дочерние компоненты всеобъемлющему компоненту.Так, например, у меня есть всеобъемлющий компонент с именем BasePage, на котором я рендерил несколько дочерних компонентов.Как я мог сделать то же самое с реакцией на рельсах?

Я пытался не закрывать ответный_компонент в рельсах, а только закрывать его позади других дочерних компонентов.

<%= react_component("BasePage", footer: footer) %>


  <BasePage footer={this.props.footer}>
    <Hero title={title} image={headerImage} />
    <Video />
    <ImageGrid />
    <ContactPersonCase person={this.props.contactPerson} />
  </BasePage>