#优质博文 #前端 #react
为什么我更推荐命令式 Modal

AI摘要：Modal 模态对话框在中台业务中非常常见。声明式 Modal 是一种常见的定义方式，可以通过组件库内置的组件来实现。在声明式 Modal 中，需要手动控制 Modal 的打开状态，并将状态和 UI 绑定在一起。随着业务的增加，页面上可能会出现多个 Modal 和 Button，导致代码变得冗长且难以维护。为了解决这个问题，可以将 Modal 抽离到外部组件中，但这样会导致父组件的状态堆积。另一种解决方案是将 Modal 和 Button 直接耦合在一起，但这样无法单独复用 Modal。为了解耦 Modal，需要编写大量代码并且状态变得混乱。后续可能还会遇到无法在父组件中直接控制 Modal 的问题，可以通过将状态下沉到外部 Store 或者 Context 中来解决。

via 静かな森 - innei.in

innei.in

为什么我更推荐命令式 Modal

Modal 模态对话框。 在中台业务中非常常见。 什么是声明式 Modal 组件库中一般都会内置这类组件，最为参见的声明式 Modal 定义。 例如 Antd 5 中的声明式 Modal 是这样定义的。 const App: React.FC = () => { const [isMo