模板化组件简介

概述

一个模态对话框是出现在窗口中所有其他内容之上的对话框，必须通过用户交互才能关闭。模板化组件是指接受一个或多个 UI 模板作为参数的组件。UI 模板可以包含任意的 Razor 标记。

在本章中，我们将学习 RenderFragment 参数、EventCallback 参数以及 CSS 隔离。当父组件需要与子组件共享信息时，使用 RenderFragment 参数；而当子组件需要向其父组件传递信息时，则使用 EventCallback 参数。我们还将学习如何通过 CSS 隔离技术，仅对单个组件应用样式。

我们将创建一个模态对话框组件。该组件将是一个模板化组件，能够根据其参数的内容渲染不同的 HTML。它将使用事件回调机制将事件返回给调用它的组件。通过 CSS 隔离技术，为组件添加样式，使其具备模态对话框的行为效果。最后，我们将把该组件移至 Razor 类库中，以便在其他项目中共享使用。

本章将涵盖以下主题：

• RenderFragment 参数

• EventCallback 参数

• CSS 隔离

• 创建 Razor 类库

• 创建模态对话框项目