忽略子触摸，并在父窗口小部件上接收它们

import React, { useState } from 'react';

const ParentWidget = () => {
  const [touchEvent, setTouchEvent] = useState('');

  const handleTouchStart = (event) => {
    if (event.target === event.currentTarget) {
      setTouchEvent('Parent widget touched');
    } else {
      setTouchEvent('Child widget touched');
      event.stopPropagation();
    }
  };

  return (
    <div onTouchStart={handleTouchStart}>
      <div>Parent Widget</div>
      <ChildWidget />
      <div>{touchEvent}</div>
    </div>
  );
};

const ChildWidget = () => {
  const handleTouchStart = () => {
    console.log('Child widget touched');
  };

  return (
    <div onTouchStart={handleTouchStart}>
      Child Widget
    </div>
  );
};

export default ParentWidget;