在 Typescript 中调用 getElementById（） 之前如何确保文档已准备就绪

问：

我有一个组件，它加载一些 HTML（通过标记的库从 MD 转换）并将其播放到页面上，如果单击一行，文档将滚动到页面上具有匹配标题 ID 的相应 HTML 元素。

import { marked } from 'marked';


const [content, setContent] = React.useState('');
React.useEffect(() => {
    if (!source) {
        return;
    }
    getRequest(source)
        .then(response => {
            if (!response.ok) {
                return Promise.reject(response);
            }
            return response.text().then(faq => {
                // sets page to html
                setContent(marked(faq));
                const nearestHeader = document.getElementById(headerID);
                if (nearestHeader) {
                    // if search result is clicked, jump to result's nearest header
                    nearestHeader.scrollIntoView(true);
                    setRowClicked(false);
                }
            });
        })
        .catch(e => Dialog.error('Failed to load page.', e));
}, [source, rowClicked]);

但是，当我去测试此代码时，即使我验证了 headerID 与我要导航到的现有 HTML 元素的 ID 匹配，“nearestHeader”对象也始终为 null。如何在不使用额外库的情况下尝试 getElementById 调用之前确保文档已准备就绪/加载？