父组件调用部分子组件的div

可以通过给需要调用的子组件的div设置一个ref引用，在父组件中通过refs属性获取到对应的子组件实例，然后再通过子组件实例的方法或属性来操作子组件的div。

示例代码：

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

  // 子组件暴露给父组件的方法
  doSomething() {
    console.log('do something');
  }

  render() {
    return <div ref={this.divRef}>子组件的div</div>;
  }
}

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

  componentDidMount() {
    // 获取子组件实例
    const childInstance = this.childRef.current;
    // 获取子组件的div
    const childDiv = childInstance.divRef.current;
    // 操作子组件的div
    childDiv.style.color = 'red';
    // 调用子组件的方法
    childInstance.doSomething();
  }

  render() {
    return <ChildComponent ref={this.childRef} />;
  }
}

在上面的示例代码中，子组件中的div元素使用了ref引用，父组件中也使用了ref引用获取子组件实例，然后就可以通过子组件实例的方法或属性来操作子组件的div元素了。