创建包装器组件

Question

我想创建一个这样的包装器组件:

包装组件:

class WrapperComponent extends Component {

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

应用程序:

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>标签内放置什么,都会被渲染出来.