Javascript 如何在reacjs中成功呈现html代码_Javascript_Html_Node.js_Reactjs_Render

Javascript 如何在reacjs中成功呈现html代码

javascript html node.js reactjs

Javascript 如何在reacjs中成功呈现html代码,javascript,html,node.js,reactjs,render,Javascript,Html,Node.js,Reactjs,Render,我正在尝试开发一个ReactJs应用程序。。。。。该应用程序是基于AR的web应用程序。。。。我被困在一个位置，我不能在ReactJS中呈现HTML我想知道如何在ReactJS中呈现这个HTML文件。。。。每次我使用不同的方法运行此代码时，它都会生成随机错误。下面是我想在ReactJS中呈现的HTML代码试验 .arjs加载器{ 身高：100%；宽度：100%；位置：绝对位置；排名：0；左：0；背景色：rgba（0,0,0,0.8）； z指数：9999；显示器：flex；证明

我正在尝试开发一个ReactJs应用程序。。。。。该应用程序是基于AR的web应用程序。。。。我被困在一个位置，我不能在ReactJS中呈现HTML我想知道如何在ReactJS中呈现这个HTML文件。。。。每次我使用不同的方法运行此代码时，它都会生成随机错误。下面是我想在ReactJS中呈现的HTML代码


试验
.arjs加载器{
身高：100%；
宽度：100%；
位置：绝对位置；
排名：0；
左：0；
背景色：rgba（0,0,0,0.8）；
z指数：9999；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.arjs装载机分区{
文本对齐：居中；
字号：1.25em；
颜色：白色；
}
正在加载，请稍候。。。
你可以用
函数createMarkup（）{
返回{uuuhtml:'First·；Second'}；
}
函数MyComponent（）{
返回；
}
这看起来不像react js这不是react js代码这是我要在react中呈现的HTML代码
<Html>
    <Head><title>Test</title></Head>
    <script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>

<style>
  .arjs-loader {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .arjs-loader div {
    text-align: center;
    font-size: 1.25em;
    color: white;
  }
</style>

<body style="margin : 0px; overflow: hidden;">
  <!-- minimal loader shown until image descriptors are loaded -->
  <div class="arjs-loader">
    <div>Loading, please wait...</div>
  </div>
  <a-scene
    vr-mode-ui="enabled: false;"
    renderer="logarithmicDepthBuffer: true;"
    embedded
    arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;"
  
    <a-nft
      type="nft"
      url="https://scx2.b-cdn.net/gfx/news/2019/1-galaxygather.jpg"
      smooth="true"
      smoothCount="10"
      smoothTolerance=".01"
      smoothThreshold="5"
   
      <a-entity
        gltf-model="https://artest-5b194.web.app/scene.gltf"
        scale="1 1 1"
        position="0 0 0"
      >
      </a-entity>
    </a-nft>
    <a-entity camera></a-entity>
  </a-scene>
</body>
</Html> 

function createMarkup() {
  return {__html: 'First &middot; Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}