我是React的新手，正在寻找一个小型SPA，该SPA可以接收一个YAML文件，该文件描述了类别，问题和答案的层次结构，并将它们呈现到允许编辑该层次结构的页面上。
categories:
- name: "Category 1 Name"
questions:
- name: "Question 1"
answers: ["yes", "no"]
- name: "Question 2"
answers: ["no", "other"]
- name: "Category 2 Name"
etc...
我的问题是关于最佳状态管理方法的，以确保元素层次结构与用户所做的任何编辑保持同步（在类别内和类别之间拖放问题，添加元素等...），因为在最后，我希望能够将层次结构重新导出回YAML。也许YAML甚至可以显示在页面底部的不断更新的文本字段中？
到目前为止，我对将层次结构的每个级别封装到Component并轻松呈现它们的难易程度印象深刻。但是国家管理是下一个障碍...