Asp.net mvc 试图呈现一个带有两个文本框和登录按钮的页面_Asp.net Mvc_Reactjs

Asp.net mvc 试图呈现一个带有两个文本框和登录按钮的页面

asp.net-mvc reactjs

Asp.net mvc 试图呈现一个带有两个文本框和登录按钮的页面,asp.net-mvc,reactjs,Asp.net Mvc,Reactjs,我试图用Asp.net MVc在react js中呈现一个包含两个文本框和登录按钮的页面，如下所示，但只有图像呈现，没有其他呈现。在里面 index.cshtml 头部内侧部分在主体部分添加了react cdn和reactjs文件 @{ Layout = null; } <html> <head> </head> <body> <div class="wrapper" id="signup"></div

我试图用Asp.net MVc在react js中呈现一个包含两个文本框和登录按钮的页面，如下所示，但只有图像呈现，没有其他呈现。在里面 index.cshtml 头部内侧部分在主体部分添加了react cdn和reactjs文件

@{
        Layout = null;
}
<html>
<head>
</head>
<body>
    <div class="wrapper" id="signup"></div>
    <link href="Assets/Css/bootstrap.min.css" rel="stylesheet" />
    <script src="~/Assets/JS/jquery.min.js" type="text/javascript"></script>
    <script src="~/Assets/JS/react.js"></script>
    <script src="~/Assets/JS/react-dom.js"></script>
    <script src="~/Assets/JS/remarkable.min.js"></script> 
    <script type="text/jsx" src="@Url.Content("~/Assets/JS/login.jsx")"></script> 
</body>
 <!--   Core JS Files   -->
<script src="~/Assets/JS/jquery.min.js" type="text/javascript"></script>
</html>

@{
布局=空；
}

class NameForm extends React.Component {
  constructor(props) {
 render() {
    return (
         <form onSubmit={this.handleSubmit}>
   </form>
    );
  }
}

ReactDOM.render(<NameForm />,document.getElementById('signup'));

类名称表单扩展了React.Component{
建造师（道具）{
render（）{
返回(
);
}
}
ReactDOM.render（，document.getElementById（'signup'）；

所有设计部分都提到了，但在声明类时出现了错误

“JSX:Parser无法与JSX Parser通信”。错误正在发生。因此，如果您知道如何使用asp.net mvc在react js中创建登录表单，将不胜感激。

您应该发布到目前为止您已经厌倦的代码…@AhmadF我已经发布了我正在尝试的代码