React：使用 FieldArray 方法更改多步表单中的值

Question

我有一个用react-final-form制作的多步骤react-final-form ，它使用了FieldArray 。 最终用户可以添加 X 个房间类型，然后根据该数量下一步将生成房间数组。

这是一个现场演示 - 代码沙盒

现在，当涉及到第二步（房间配置）时，我需要在一个正在进行的过程中设置默认值：当用户选择最大数量的成人时，最大儿童的值应设置为该数字减 1。

我在FieldArray使用<OnChange>组件（调用fields.update()方法）。
它有效，但问题是它更改了对象内的所有值。 您可以在上面的演示中检查此行为。

我无法弄清楚出了什么问题。

在此先感谢您的帮助。

Answer 1

首先，美丽的形式！ 你非常接近。 我已将<OnChange/>组件移动到RoomRow并使用<Field/>获取max_children字段的onChange 。