我如何在react native中调用另一个组件中的函数？

import AnotherComponent from './AnotherComponent';

constructor(props) {
  super(props);
  this.anotherComponentRef = React.createRef();
}

this.anotherComponentRef.current.functionName();

import React from 'react';
import { View, Button } from 'react-native';
import AnotherComponent from './AnotherComponent';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.anotherComponentRef = React.createRef();
  }

  handleButtonClick = () => {
    this.anotherComponentRef.current.functionName();
  }

  render() {
    return (
      <View>
        <Button title="Call Function" onPress={this.handleButtonClick} />
        <AnotherComponent ref={this.anotherComponentRef} />
      </View>
    );
  }
}

export default MyComponent;