如何在反应js中呈现html元素对象

Question

我有通过document.createElement函数

创建的对象

例如const elm = document.createElement（＆＃39; video＆＃39;）

但我不知道如何在反应组件上呈现该元素

on react组件的渲染方法我返回该对象

render() {
   return elm;
}

但错误是扔，你能帮助我吗？

Answer 1

使用这种方式

<div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} />

Answer 2

React是一个高级UI库，允许您使用简单转换而不是依赖DOM API创建元素。因此，如果要创建视频元素，则始终可以直接在render方法中创建它。

render() {
  return (
    <video />
  );
}

如果您想将其他来源的HTML注入您的组件，那么您需要使用dangerouslySetInnerHTML API。