Создание обертку компонента

Question

Я хочу создать компонент-обертку, как это:

Упаковочный компонент:

class WrapperComponent extends Component { 

    render() { 
    return (
     <Image source={someImage}> 
      <App /> 
     </Image>); 
    } 
} 

App:

class App extends Component { 

    render() { 
    return (
     <WrapperComponent> 
     <Text>Some text</Text> 
     </WrapperComponent> 
    } 
} 

Я хочу использовать это для вещей, по умолчанию, как у изображение на заднем плане. Есть ли способ сделать это? Извините, что я новичок на этом языке.

Answer 1

Вы можете создать оболочку с помощью props.children:

class WrapperComponent extends Component { 

    render() { 
    return (
     <Image source={someImage}> 
      { this.props.children } 
     </Image>); 
    } 
} 

Что бы вы поместить внутрь <WrapperComponent></WrapperComponent> теги будут оказаны.