Question

我不想打开整个可编辑对象的表单，而是想从对象中创建单个字段的内联编辑。

我正在为其他表单使用reactjs，redux和redux-form，所以我认为最好的起点是尝试使用redux-form进行内联编辑。这将使我无法通过两种不同的方式进行验证，状态管理等。

但这意味着我会为每个可编辑对象添加一个表单，并为这些对象上的每个字段添加一个表单。它可能有数百种形式。除了这种方法带来的可维护性问题之外，我想知道性能影响是什么。在这种情况下，redux-form会如何表现？这是否意味着会有数百个reducer侦听redux存储中的每个操作，或者这些reducers只在显示包含表单的页面时才会监听？

Answer 1

更新

我认为应该很有可能在编辑时为内联字段创建一个redux-form，并在编辑停止时删除。

这是一个工作示例（用于查看正在运行的操作的开放式开发工具） https://codesandbox.io/s/13nywm3k2j

表单汇总后显然需要一些数据持久化机制

表单数据不一定应该是“平面”，可以使用点表示法嵌套，例如

<Form>
  <Field name='title' />
  <Field name='object.title' />
  <Field name='object.mass' />
  <Field name='object.weight' />
</Form>

使用react，redux和redux-form对字段进行内联编辑。我应该这样做吗？

1 个答案: