如果我按下另一个组件中的链接，如何更新另一个组件中的列表？

// 第一个组件
import React from 'react';

class ComponentA extends React.Component {
  handleClick = () => {
    // 在这里调用更新列表的函数，并传递新数据
    this.props.updateList(['Item 1', 'Item 2', 'Item 3']);
  }

  render() {
    return (
      <div>
        <a href="#" onClick={this.handleClick}>点击更新列表</a>
      </div>
    );
  }
}

// 第二个组件
import React from 'react';

class ComponentB extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      list: []
    };
  }

  // 更新列表数据的方法
  updateList = (newList) => {
    this.setState({ list: newList });
  }

  render() {
    return (
      <div>
        <ul>
          {this.state.list.map((item, index) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
      </div>
    );
  }
}

// 在父组件中使用这两个组件
import React from 'react';

class ParentComponent extends React.Component {
  render() {
    return (
      <div>
        <ComponentA updateList={this.componentB.updateList} />
        <ComponentB ref={ref => this.componentB = ref} />
      </div>
    );
  }
}