Wrapper 컴포넌트 만들기

Tags
Wrapper
Column
<CustomView> {children} </CustomView> 자식 컴포넌트를 컴포넌트 내부에 배치하는 방법
 
children prop으로 받아서 쓰면 된다.

Functional component

const WrapperComponent = ({ children }) => (
  <Image source={someImage}>
    {children}
  </Image>
);

Class component

class WrapperComponent extends Component {

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