querySelectorAll 找不到具有自定義屬性的元素

Question

更新：我在原始的 html/js 中測試了這段代碼，它在評論中說得很好。 這是 React App 的一部分，我想問題應該在於應用程序如何加載這部分代碼。 但是，對於選擇其他元素，它工作正常。

我正在嘗試從包含contenteditable屬性的網頁中選擇所有元素並將其設置為true但 querySelectorAll 返回 0 個元素的 NodeList

HTML（來自編輯器組件）：

<div class="codex-editor">
   <div class="codex-editor__redactor" style="padding-bottom: 300px;">
       <div class="ce-block">
         <div class="ce-block__content">
           <h2 class="ce-header" contenteditable="true" data-placeholder="">Editor.js</h2>
         </div>
       </div>
   </div>
</div>

JavaScript

useEffect(() => {
    let matches = document.body.querySelectorAll('[contenteditable=true]'); 
    console.log(matches)
})



 return (
  <Editor
       tools={{
         header: Header,
         list: List,
         image: Image,
         delimiter: Delimiter
       }}
      holder="guest-editorjs"
      onChange={(data) => console.log(data)}
      onReady={() => console.log('Start!')}
      data={{data}} />
    )

結果在控制台：空的 NodeList

Answer 1

解決方案：此代碼在原始 html/js 中工作正常。 問題在於 React 加載子組件，這就是內容不可訪問的原因。

謝謝大家！