带保存和取消按钮的React.js手风琴

Question

我是React.js的新手，我想构建一个如下图所示的jsx页面。单击顶部的每个项目都会有一个部分，该部分将向下滑动，并具有一个保存和取消按钮。每个部分中不同类别的表单会有相同的字段 我不知道如何开始？有人做过吗？一些方向将不胜感激。

Answer 1

我认为针对您所要求的解决方案必须在此处发布大量代码，但只需在Google上发布一些代码，您就会发现许多实现该问题的示例。

很抱歉，如果我没有为您的问题提供理想的答案，但是如果您花费更多的时间来学习如何在React.js中执行此代码，而不仅仅是寻求解决方案，那么您会发现效率更高。

以下是一些链接：

https://reactjsexample.com/tag/accordion/

https://github.com/kunukn/react-collapse

https://alligator.io/react/react-accordion-component/

祝你好运！