如何从父元素调用子元素

// 获取父元素
var parentElement = document.getElementById("parentElementId");
// 获取子元素
var childElement = parentElement.querySelector(".childElementClass");
// 调用子元素的方法
childElement.someMethod();

// 子组件
class ChildComponent extends React.Component {
  someMethod() {
    // 子组件的方法实现
  }
  render() {
    return <div>子组件内容</div>;
  }
}

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.childRef = React.createRef();
  }
  componentDidMount() {
    // 调用子组件的方法
    this.childRef.current.someMethod();
  }
  render() {
    return (
      <div>
        <ChildComponent ref={this.childRef} />
      </div>
    );
  }
}

<!-- 子组件 -->
<template>
  <div>子组件内容</div>
</template>
<script>
export default {
  methods: {
    someMethod() {
      // 子组件的方法实现
    }
  }
}
</script>

<!-- 父组件 -->
<template>
  <div>
    <child-component ref="childRef"></child-component>
  </div>
</template>
<script>
export default {
  mounted() {
    // 调用子组件的方法
    this.$refs.childRef.someMethod();
  }
}
</script>