Javascript 新的反应，页面/html未显示_Javascript_Html_Reactjs

Javascript 新的反应，页面/html未显示

javascript html reactjs

Javascript 新的反应，页面/html未显示,javascript,html,reactjs,Javascript,Html,Reactjs,当我运行我的节点服务器时，为什么html页面上没有显示任何内容？我是新的反应，我从代码学院学习。从我所学到的，我正在做与我所学的完全相同的事情。登录框根本不显示 Login.js import React from 'react' import ReactDOM from 'react-dom' class Login extends React.Component { render() { return ( <form id="Login" className=

当我运行我的节点服务器时，为什么html页面上没有显示任何内容？我是新的反应，我从代码学院学习。从我所学到的，我正在做与我所学的完全相同的事情。登录框根本不显示

import React from 'react'
import ReactDOM from 'react-dom'

class Login extends React.Component {
  render() {
    return (
      <form id="Login" className="form-signin" action="/login" method="POST">
        <h2 className="form-signin-heading">Sign in</h2>
        <input className="form-control" type="text" id="user" name="user" />
        <label className="sr-only" for="user" />
        <input className="form-control" type="password" id="pass" name="pass" />
        <label className="sr-only" for="pass" />
        <button type="submit">Submit</button> <br />
      </form>
    )
  }
}
ReactDOM.render(<Login />, document.getElementById('app'))

从“React”导入React
从“react dom”导入react dom
类登录扩展了React.Component{
render（）{
返回(
登录
提交

)
}
}
ReactDOM.render（，document.getElementById（'app'））

<html lang="en">

<head>
  <title>Signin</title>

  <link href="bootstrap.min.css" rel="stylesheet">

  <!--React Libraries -->
  <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

</head>

<body>

  <!--React called here  -->
  <div id="app" class="container">

  </div>

  <script src="js/bootstrap.min.js"></script>

  <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
  <script src="js/login.js" type="text/babel"></script>

</body>

</html>


签名

未捕获引用错误：未定义require也显示在浏览器控制台上

从login.js中删除导入语句

import React from 'react';
import ReactDOM from 'react-dom';

如果要运行react的UMD版本，则不需要它们

您还可以将

login.js

重命名为

login.jsx

，因为它不是普通的js。

您不能在javascript中使用“for”HTML属性，因为它是用于迭代的保留关键字

您应该使用“htmlFor”

我已经创建了一支钢笔，请点击下面的链接

这就是您使用的全部代码吗？我觉得可能还有更多？

<label className="sr-only" htmlFor="user"></label>