时间戳

首页 > 解决方案 > 是否可以使用 React.Component 仅包含 react 和 reactDom 作为 html 中的标签？

javascript - 是否可以使用 React.Component 仅包含 react 和 reactDom 作为 html 中的标签？

问题描述

我一直在寻找答案并阅读文档，但我仍然无法让我清楚。所以我会简单点。我想知道是否可以使用，例如，React.Component 只是将 react 和 reactDOM 作为标签包含在我的 html 中。

我怀疑我不工作，因为我已经尝试过 id。这是一段代码：

    class App extends React.Component {
      constructor(props) {
        super(props);
        this.state = {
        user: []
        }
       }



      componentDidMount() {
         var _this = this;
         axios.get('http://localhost:8080/dashboard?user=' + 
         localStorage.getItem("user"))
        .then(function(res){
          _this.setState({
           items: res.data.user
           });
         })
        .catch(function(e) {
           console.log("ERROR ", e);
        })
      }

    }

已编辑

html:

        <!DOCTYPE html>
        <html lang="en">
        <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Meta, title, CSS, favicons, etc. -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../css/main.css" rel="stylesheet">
        <script src="js/jquery-3.3.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js 
        " integrity="sha384- 
        ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 
         crossorigin="anonymous"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/handlebars-v4.0.12.js"></script>
        <script type="application/javascript" src="https://unpkg.com/react@16.0.0/umd/react.production.min.js"></script>
        <script type="application/javascript" src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.production.min.js"></script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script src="js/home.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/reactstrap/4.8.0/reactstrap.min.js"></script>
       </head>
       <body class="nav-md">
       </body>
       </html>

正如我所读到的，假设当 html 加载时，它会执行反应代码，因为它有 de React.Component，然后它应该调用 componentDidMount 并执行请求，但我没有看到这种情况发生。

有任何想法吗？

谢谢大家！

标签： javascriptreactjsaxioscdn

解决方案

推荐阅读