我的任务是将传统的WordPress网站转换为单页应用程序。我正在使用React。我编写了一些自定义API端点，以使标题的完整主题HTML脱离正在使用的主题，因为该公司希望在Wordpress Admin和主题设计器界面中保留标题的外观和功能。
标题包含一个“搜索”框，我想用一个具有更好搜索能力的框替换，该框还避免了在提交时重新加载页面。但是，正在从我的自定义API中检索绘制此搜索框的HTML，因此它是由React组件呈现给页面的。我正在寻找一种方法，可以将另一个React（甚至是纯JavaScript）组件引导到已经呈现的搜索栏中包含<div>的位置。我尝试在document.getElementsByClassName("search-bar-class-name")[0]内使用componentDidMount()，但这感觉很hacky。
有可能吗？