Можно ли использовать React.Component, просто включив реагировать и реагировать как теги в HTML? - PullRequest
Новая
       24

Можно ли использовать React.Component, просто включив реагировать и реагировать как теги в HTML?

0 голосов
/ 03 мая 2019

Я искал ответ и читал документацию, но до сих пор не могу объяснить это для меня.Так что я сделаю это просто.Я хочу знать, возможно ли использовать, например, React.Component только с response, в качестве тегов моего HTML-кода, как responseDOM и responseDOM.

Я подозреваю, что я не работаю, потому что уже пробовалЯ бы.Вот фрагмент кода: 

    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 и выполнить запрос, но я не вижу, чтобы это произошло.

Есть идеи?

Спасибо всем!

...