Làm cách nào để tham chiếu các thành phần tùy chỉnh trong react-native?

Vì vậy, tôi có một thành phần tùy chỉnh như sau:

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

Và tôi sử dụng thành phần như thế này:

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

Có RootViewthể thay đổi kích thước. Những gì tôi muốn làm là thu nhỏ nó lại là trẻ em MyComponentkhi RootViewđủ nhỏ. Và tôi cần phải thu nhỏ từng MyComponentcái một: khi nào RootViewđủ nhỏ, thu nhỏ cái đầu tiên MyComponent, và khi cái đầu tiên MyComponentđạt đến kích thước tối thiểu, hãy thu nhỏ cái thứ hai MyComponent. Tôi biết có refstrong react-native, nhưng nó dường như không hoạt động đối với thành phần tùy chỉnh.