C# ASP.NET未呈现完整布局

C# ASP.NET未呈现完整布局,c#,asp.net,C#,Asp.net,因此,我正在将ASP.NET应用程序从Razor迁移到React 这是我现在身体的布局: <body> <script> var isAuthorized = true; </script> @using (Html.BeginForm(null, null, FormMethod.Post, new { id = "__AjaxAntiForgeryToken" })) { @Html.AntiForgeryToken() } <div

因此,我正在将ASP.NET应用程序从Razor迁移到React

这是我现在身体的布局:

<body>
<script>
    var isAuthorized = true;
</script>
@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "__AjaxAntiForgeryToken" }))
{
    @Html.AntiForgeryToken()
}
<div id="navBar" class="navbar navbar-expand-md navbar-dark bg-dark navbar-fixed-top" />
<div class="container-fluid contentContainer">
    <div class="row">
        <div id="profile" class="profileContent col-2"/>
        <div class="bodyContent col-9">
            @RenderBody()
        </div>
        <div class="col-1" id="friendList"/>
    </div>
    @{Html.RenderAction("Index", "Chat");}
</div>
<script type="text/javascript" src="../../wwwroot/dist/bundle.js"></script>

var isAuthorized=true;
@使用(Html.BeginForm(null,null,FormMethod.Post,new{id=“\uuu-AjaxAntiForgeryToken”}))
{
@Html.AntiForgeryToken()
}
@RenderBody()
@{Html.RenderAction(“Index”,“Chat”);}

已经起作用的是让React在后端呈现navBar项。但是,之后的整个部分,因此包含以下内容的部分:

    <div class="container-fluid contentContainer">
    <div class="row">
        <div id="profile" class="profileContent col-2"/>
        <div class="bodyContent col-9">
            @RenderBody()
        </div>
        <div class="col-1" id="friendList"/>
    </div>
    @{Html.RenderAction("Index", "Chat");}
</div>

@RenderBody()
@{Html.RenderAction(“Index”,“Chat”);}
在“我的浏览器”中检查完成的页面时丢失。整个div没有被渲染

我知道这篇文章没有提供很多信息,但这主要是因为我不知道我可以给你什么开始


我很乐意接受这一切发生的原因。

哇,我真不敢相信我没有发现这一点

问题在于使用中的自动关闭div

<div id="navBar" class="navbar navbar-expand-md navbar-dark bg-dark navbar-fixed-top" />

在该元素之后,其余元素按看起来的方式进行处理