如何在可点击区域内禁用可点击区域

Question

当我点击“二”区域时，可以禁用“一”区域吗？

   <div className="bg-orange-700 w-20 h-20" onClick={() => console.log('ONE')}>
      <div className="bg-yellow-400 w-10 h-10" onClick={() => console.log('TWO')} />
    </div>

Answer 1

使用e.stopPropagation();

<div className="bg-orange-700 w-20 h-20" onClick={() => console.log('ONE')}>
      <div className="bg-yellow-400 w-10 h-10" 
           onClick={(e) => {
               e.stopPropagation(); 
               console.log('TWO');
           }} />
</div>