React native 如何在react native中引用自定义组件？

因此，我有一个自定义组件，如下所示：

class MyComponent extends React.Component {
  render() {
    return (
      <TouchableHighlight style={this.props.buttonStyle}>
        <Text style={styles.buttonText}>Button</Text>
      </TouchableHighlight>
    );
  }
}

class RootView extends React.Component {
  render() {
    return (
      <View>
        <MyComponent/>
        <MyComponent/>
      </View>
    );
  }
}

类MyComponent扩展了React.Component{ render（）{ 返回( 按钮 ); } } 我使用的组件如下所示：

class MyComponent extends React.Component {
  render() {
    return (
      <TouchableHighlight style={this.props.buttonStyle}>
        <Text style={styles.buttonText}>Button</Text>
      </TouchableHighlight>
    );
  }
}

class RootView extends React.Component {
  render() {
    return (
      <View>
        <MyComponent/>
        <MyComponent/>
      </View>
    );
  }
}

类RootView扩展了React.Component{
render（）{
返回(
);
}
}

RootView

可以调整大小。当

RootView

足够小时，我想做的是缩小它的子组件

MyComponent

。我需要一次收缩每个

MyComponent

：当

RootView

足够小时，收缩第一个

MyComponent

，当第一个

MyComponent

达到最小大小时，收缩第二个

MyComponent

。 我知道react native中有

refs

，但它似乎不适用于自定义组件

可以将引用添加到自定义组件：

所以你应该能够做你需要的

但是，当您发现自己在不同组件之间存在强烈的依赖性时，这意味着现在可能是开始使用Flux或类似工具的好时机，然后将数据保存在一个存储区中，该存储区将保存所有3个组件所需的所有信息。有关Flux的更多信息，请点击此处：