Reactjs React Native：如何将子组件包装到另一个类组件下

让我用一个例子来解释我的问题：

在SomeComponent.js中，我有以下内容

export default class SomeComponent extends React.Component {
  render() {
    return (
      <View style={{flex:1}}>

      </View>
    )
  }
}

---

任何帮助都将不胜感激。谢谢

您可以使用这个片段

export default class SomeComponent extends React.Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
      <View style={{flex:1}}>
      {this.props.children}
      </View>
    )
  }
}

导出默认类SomeComponent扩展React.Component{
建造师（道具）{
超级（道具）
}
render（）{
返回(
{this.props.children}
)
}
}

你可以这样做

export default class SomeComponent extends React.Component {
  render() {
    return (
      <View>
        {this.props.children}
      </View>
    )
  }
}

导出默认类SomeComponent扩展React.Component{
render（）{
返回(
{this.props.children}
)
}
}

YupeComponent.js

import 'SomeComponent' from 'app/component/Somecomponent'
export default class YupeComponent extends React.Component {
  render() {
    return (
      <View style={{flex:1}}>
         <SomeComponent />
      </View>
    )
  }
}

从“app/component/SomeComponent”导入“SomeComponent”
导出默认类YUPComponent扩展React.Component{
render（）{
返回(
)
}
}

谢谢。这个解决方案适用于我的包装器类。

export default class SomeComponent extends React.Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
      <View style={{flex:1}}>
      {this.props.children}
      </View>
    )
  }
}

export default class SomeComponent extends React.Component {
  render() {
    return (
      <View>
        {this.props.children}
      </View>
    )
  }
}

import 'SomeComponent' from 'app/component/Somecomponent'
export default class YupeComponent extends React.Component {
  render() {
    return (
      <View style={{flex:1}}>
         <SomeComponent />
      </View>
    )
  }
}