querySelector不适用于木偶操纵者中的子元素

import React, { useRef } from 'react';

const PuppeteerComponent = () => {
  const childRef = useRef();

  const handleClick = () => {
    // 通过ref访问子元素
    const childElement = childRef.current;
    // 执行相应的操纵操作
    // ...
  };

  return (
    <div>
      <div ref={childRef}>子元素</div>
      <button onClick={handleClick}>操纵子元素</button>
    </div>
  );
};

<template>
  <div>
    <div ref="childElement">子元素</div>
    <button @click="manipulateChild">操纵子元素</button>
  </div>
</template>

<script>
export default {
  methods: {
    manipulateChild() {
      // 直接访问子元素
      const childElement = this.$refs.childElement;
      // 执行相应的操纵操作
      // ...
    },
  },
};
</script>