ReactJS：訪問 event.target 孩子的問題

Question

我的 React App 中有一個組件，其中包含一個帶有 onMouseEnter/Leave 處理程序的元素

<CollapseElement>
  <li onMouseEnter={e => handleEnter(e)}>
   {props.children}
  </li>
</CollapseElement>

li 通過道具傳遞子項，其中一個元素的 className 為“targetelement”，我想在 CollpaseElement 組件的 handleEnter 中訪問該元素並將其傳遞給函數

const handleEnter = (e) => {
        e.preventDefault();
        console.log(e.currentTarget.innerHTML)
        function(...)
    }

雖然 console.log 確實向我顯示了目標的 innerHTML，但我無法找到選擇它的方法。 我已經嘗試過 querySelector('.targetelement'),closest 或 querySelectorAll 都沒有成功：要么是空錯誤，要么是，例如，如果函數試圖獲取目標元素的坐標，我最終得到的所有值都為 0

謝謝您的意見

Answer 1

解決了。 問題在於理解 React/DOM 元素的同步和渲染。 通過在父元素中使用 useEffect 並通過上下文發送正確的事件，我可以使用我需要的類來定位子元素