React native React Native:如何嵌套容器

React native React Native:如何嵌套容器,react-native,React Native,如何从其他容器构造容器。 例如: containerA-负责 集装箱B-负责B 容器C-负责不同样式C的A+B 代码: class ContainerA extends Component{ render() { return ( <ComponentA/> ) } } class ContainerB extends Component{ render() { return (

如何从其他容器构造容器。 例如:

containerA-负责 集装箱B-负责B 容器C-负责不同样式C的A+B

代码:

class ContainerA extends Component{
    render() {
        return (
            <ComponentA/>
        )
    }
}


class ContainerB extends Component{
    render() {
        return (
            <ComponentB/>
        )
    }
}



class ContainerC extends Component{
    render() {
        return (
            <ContainerA/>
            <ContainerB/>
        )
    }
}

当您想在React Native中对组件进行分组时,可以使用视图


用视图包装它,并将C类道具的样式传递给a或B感谢帮助
import React, { Component } from 'react'
import { View } from 'react-native'

import ContainerA from './ContainerA'
import ContainerB from './ContainerB'

class ContainerC extends Component{
    render() {
        return (
          <View style={styles.containerStyle}>
            <ContainerA/>
            <ContainerB/>
          </View>
        )
    }
} 

const styles = {
  containerStyle = {
    // ...
  }
}