父组件如何使用refs获取子组件数据

父组件可以使用refs来获取子组件数据。首先，在子组件中，你需要给子组件的元素或组件添加一个ref属性，可以是一个字符串或者一个函数。然后，在父组件中，通过refs来访问子组件的数据。

以下是一个示例：

// 子组件
class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    this.childRef = React.createRef();
  }

  handleClick = () => {
    const childData = this.childRef.current.getData();
    console.log(childData);
  };

  render() {
    return <div ref={this.childRef}>子组件内容</div>;
  }
}

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.childComponentRef = React.createRef();
  }

  handleClick = () => {
    this.childComponentRef.current.handleClick();
  };

  render() {
    return (
      <div>
        <ChildComponent ref={this.childComponentRef} />
        <button onClick={this.handleClick}>获取子组件数据</button>
      </div>
    );
  }
}

在上面的示例中，子组件`ChildComponent`使用`React.createRef()`创建了一个ref，并将其绑定到子组件的元素上。父组件`ParentComponent`也使用`React.createRef()`创建了一个ref，并将其绑定到子组件`ChildComponent`上。

当点击父组件中的按钮时，会调用子组件的`handleClick`方法，通过子组件的ref来获取子组件的数据。在这个例子中，子组件的数据是通过调用子组件的`getData`方法获取的。你可以根据自己的需求在子组件中定义相应的方法来获取数据。