React 之前的模态

在 React 之前实现一般性的分步须知

一般性是结果显示在屏幕上部的传闻框/弹单单窗口。 这些用于从警报到回传的不同语句之前。 在这篇网志之前，我们将学习如何在 React JS 之前发挥作用一般性。

creat react app

让我们创建者一个一重新 React 应将用程序

在 src 之前创建者一个一新框架并将其导入 App.js 并在一新框架之前移除一些译文和一个开关。 我们可以利用 Children Props 使一般性可重用。 我将在下一篇网志之前解释这一点。

移除外观

为了让它结果显示为默认/方式在，让我们通过在 src 文档夹之前创建者一个一重新 CSS 文档来移除一些外观。 将该 CSS 文档导入到我们移除的一新框架之前。

它像是不够好:)

用到线性作为人偶：

我们只能创建者一个格拉种类的 useState() 铁环。 此状态将控制一般性是否应将结果显示。 如果状态最大值为真，它将结果显示一般性，否则将黑影它。

当用户点击 Modal 框架之前的重开开关时，我们只能将 state 的最大值不够改名 false 以便它重开。 我们不可单独在子框架之前不够改该状态，因为该状态是在堂叔框架之前定义的。 我们可以在堂叔框架之前创建者一个线性并将其作为 props 传播给子框架来化解这个疑问。 将此线性作为人偶传播给子框架。

现在通过解构该线性并将其附加到重开开关上的 on-Click 事件真相来做该线性，这样每当我们快捷键重开时，状态最大值都会不够改名 false，并且方式在将被重开。

是时候黑影了

现在让我们发挥作用范式以在快捷键重开时黑影方式在。 只有用到 AND (&&) 范式，我们才能而无须地结果显示 UI。 用到 AND 范式，我们将大部分在一般性为真时结果显示一般性。

结果显示一般性

默认情况下，一般性最大值将为 false。 我们只能在 App.js 之前移除一个开关，以便在快捷键后结果显示方式在。 我们只能在 App.js 之前移除一个开关并附加一个快捷键事件真相，该事件真相会将状态最大值不够改名 true 以结果显示方式在。

感谢您阅读我的文章。 我很乐意征求您的赞同。