Javascript 当我单击按钮内的元素时，onClick函数不接受该值

当我点击按钮时，我会得到值id，但是如果我点击按钮内的元素，我会得到被点击元素的值。你知道我怎样才能得到值-id-无论我在哪里单击？

使用而不是事件。target

使用而不是事件。target

那么你的意思是，当你单击svg时，它不会返回{id}？你可以尝试将svg和p的CSS指针事件属性设置为none，有效地使它们没有指针事件，将所有信息传递到按钮。不，它返回undefined，因为它没有valueTARN4T1ON-我希望能够点击里面的所有内容，但是谢谢你的评论！那么，您的意思是，当您单击svg时，它不会返回{id}？您可以尝试将svg和p的CSS指针事件属性设置为“无”，有效地使它们没有指针事件，将所有内容传递给按钮。不，它返回undefined，因为它没有valueTARN4T1ON-我希望能够点击里面的所有内容，但是谢谢你的评论！工作了，谢谢！！！！！！工作了，谢谢！！！！！！

function handleClick(e) {
     console.log(e.target.value)
}

<Button value={id} onClick={handleClick} id="like-button" variant="light">
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 
      fill="currentColor" className="bi bi-heart-fill" viewBox="0 0 16 16">
   <path fillRule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" />
  </svg>
  <p>Like</p>
</Button>