ASP.NET React Redux 模板 + _Layout.cshtml

Question

我想开发具有 React 前端功能和后端的 Asp.net 和前端的一些 asp.net 视图的网站。 我不想在整个应用程序中使用 React。 当我开始新项目时，我使用了 Visual Studio 2019 准备好的 ASP.NET React Redux 模板。Everythink 会很好，但我找不到 _Layout.cshtml。

为什么我需要这个文件？

当我选择经典的 Asp.net mvc 模板时，我可以在这个文件中找到 css、js 以及 bootstrap 等包的导入。

铁：

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />

如果我不需要经典的 asp.net 视图，模板会很有帮助。 我该如何修复它，或者在哪里导入也可用于视图的文件/包？

Answer 1

在微软的 ASP.NET Core + React 模板中，布局不是在后端用 ASP 处理，而是在前端用 React 处理。 在 ClientApp/src/components 文件夹中，您将找到用于此用途的 Layout.js 文件。

但是，没有什么能阻止您创建局部视图 _Layout.cs 并使用 Razor Pages / MVC 作为 React 覆盖。 这样，每个页面都应该用一个 ASP 控制器来处理。 如果需要，您可以在其中添加一个空的 HTML 标签来放置您的 React 应用程序。

在 ClientApp/src/index.js 文件中，您将找到以下行：

const rootElement = document.getElementById('root');

您需要将元素 ID 替换为要在 DOM 中呈现 React 应用程序的位置。

---

但通常，当将 ASP 与 React 一起使用时，前端完全留给 React。 ASP 仅适用于处理来自 React 的 AJAX 请求的 API 控制器，以及使用实体框架与数据库交互。