2016-10-18 53 views
2

を作成私はこのようなラッパーコンポーネントを作成したいラッパーコンポーネント

私のようなデフォルトのもののためにこれを使用したい
class App extends Component { 

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

背景画像。これを行う方法はありますか?申し訳ありませんが、私はこの言語では新しいです。

class WrapperComponent extends Component { 

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

<WrapperComponent></WrapperComponent>タグがレンダリングされます内側にあなたが出してあげるものは何でも:

+0

[こちら](https://medium.com/@franleplant/react-higher-order-components-in-depth-cf9032ee6c3e#.2eei2qibi)リンクをご覧ください –

答えて

6

あなたがprops.childrenを使用してラッパーを作成することができます。

関連する問題