Html 如何禁用内部有可点击区域的可点击区域

当我点击“两个”区域时，是否可以禁用“一个”区域

console.log（'ONE'）}>
console.log（'TWO'）}/>
使用
e.stopPropagation（）


console.log（'ONE'）}>
{
e、 停止传播（）；
console.log（'TWO'）；
}} />
禁用对您意味着什么？不可点击？哪个框架？如果反应，哪种类型的成分？需要更多信息。不，我想单击“两个”区域而不激活“一个”区域上的onClick。我使用的是与功能组件反应，您使用的是哪个css框架？好的，非常感谢，我已经尝试过了，但没有正确

<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>