我在 react 中有一个应用程序,它将json对象作为props并为此json的每个字段呈现一个表单,以便用户可以编辑json对象 .

json对象可以是任何深度的任何东西 .

我目前使用光标感谢这个库:react-cursor . 有了这个库,我可以生成任何深度的表单,并且仍然可以更新我的状态 .

Example :

对于这个json:

{
  "object": {
    "subobject": {
      "field": "value"
    }
  }
}

我想要以下形式:

<form>
  <ul>
    <li>
      <input type="text" value="object"/>
      <ul>
        <li>
          <input type="text" value="subobject"/>
          <ul><li><input type="text" value="field"/></li></ul>
        </li>
      </ul>
    </li>
  </ul>
</form>

The problem : 我想在我的应用程序中使用redux,但由于光标更新状态而不是创建新的状态,我不能将它用于我的应用程序的这一部分 .

我听说normalizr但我的json 's fields don' t有ids所以我不确定它会在这种情况下起作用 .

任何建议?我应该如何处理redux来处理这种模式?

谢谢,