七爪CVS：React 中的手风琴

从头开始构建竖琴

竖琴选单可应用于说明了典型疑虑解答，允许用户在页面中都隐秘和说明了内容可之间读取。 在这篇Twitter中都，我们将解说如何在 React 中都从头开始开发设计竖琴选单。

项目设立

运应用于 create-react-app 创设一个上新项目

直到现在让我们为疑虑创设一个上新元件并将其导入 App.js

直到现在我们需要数据集来以竖琴基本上说明了内容可，我们将为数据集创设一个上新文件并在其中都添加一些虚拟数据集并将文件导入 App.js

反应界面

让我们为 Accordion 选单安装 React Icons 并将几个界面导入我们的上新元件。

直到现在，我们将映射数据集并将数据集作为游戏内从 App 元件引导到 Question 元件。 由于我们有五个疑虑，我们将在说明了中都得到五个疑虑。

我们将接受数据集到疑虑元件中都并让我们说明了数据集。 您可以在最后谈到的代码关键字中都找到样式表。

创设一个布尔类型的 useState 钩子，它将根据布尔值有状况地展现个人信息。 如果稳定状态值为真为，则说明了疑虑的预设个人信息，如果为有假，则隐秘个人信息。 我们需要运应用于 AND 逻辑 (&&) 来实现这个特性

如何挡住和暂停竖琴选单

我们将预设一个 on-Click 事件，该事件将读取 showDetails 稳定状态并反之亦然地说明了。 除此之外，要根据状况动态改成界面，我们将运应用于三元变量。 它评估状况并根据状况拒绝执行代码块。

如果状况为真为，则拒绝执行 exp1

如果状况为有假，则拒绝执行exp2

感谢您写作我的篇文章。 我很欣然接受听取您的意见。 重视我以获取我最上新篇文章的更上新。