反应js不渲染你好世界

  • Z时代
  • 2024-01-10
  • 分类：问答

<!DOCTYPE html> 
<html lang = "en"> 
    <head> 
     <script crossorigin src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script> 
     <script crossorigin src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script> 
    </head> 
    <body> 
     <div class="root"></div> 
     <script type="text/babel"> 
      ReactDOM.render(
        <h1>Hello,World!</h1>, 
        document.getElementById('root') 
      ); 
     </script> 
    </body> 
</html>

上面的代码只产生一个空白页面看看控制台我没有看到任何错误。反应js不渲染你好世界

回答：

您的元素有一个class调用根。你需要一个名为根的id元素：

<div id="root"></div>

DEMO

编辑：您还需要添加巴贝尔，独立模块（见this previous SO answer）。

回答：

你说document.getElementById('root')但你的元素是一个类。你的元素应该有一个根目录：<div id="root"></div>。

回答：

 <script crossorigin src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script> 
    <script crossorigin src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script> 
    <script type="text/babel"> 
     const element=<h1>Hello,World</h1>; 
     ReactDOM.render(
       element, 
       document.getElementById('root') 
     ); 
    </script>

运行上面的代码，你的代码的主要问题是你已经使用巴贝尔和havenot加js dependency.Moreover，你是在JS，但类名ID获取元素定义HTML。

以上是 反应js不渲染你好世界 的全部内容， 来源链接： utcz.com/qa/259303.html

回到顶部