reactjs - 在反应中使用自定义 html 元素

Question

我正在使用 Typescript 和 REACT，我想在我的 TSX 中使用和包装一些自定义 html 元素。例如，我正在使用一个库，其中包含一个名为 ch5-button 的客户 html 元素，它在原版 html 文件中使用

        <ch5-button class="shadow-pulse-button" type="default" shape="circle" label="" iconClass="fas fa-award">
        </ch5-button>

我进行了大量搜索，但似乎我什至不够聪明，无法正确搜索以找到如何执行此操作。我什至不确定我是否有正确的导入语句来获取这些元素——我得到的最接近的是：

declare var CrComLib: typeof import('@crestron/ch5-crcomlib');
...
    const ch5Button = new CrComLib.Ch5Button();
    console.log("ch5Button");
    console.log(ch5Button);

console.log 显示<ch5-button></ch5-button>所以我不知道我是否在正确的轨道上使用这个东西。ch5Button 是一个有很多方法的类，这些方法看起来很像 html 元素，但我只是不知道如何处理它以及如何学习使用它的方法。我找到了一些解释如何使用 observables 等的网站，但如果我走在正确的道路上，我很粗略。我附上了一些图片，如果 ch5Button 的属性和方法在 chrome 调试器中看起来像。

谁能指出我正确的方向？我将创建一个包装此类的 REACT 组件，并且可以使用道具来设置正确的属性等。

我非常喜欢构建 REACT 应用程序，但不可否认，我还不是高级开发人员，但我会尽力学习。