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

Question

我有一個用react-final-form制作的多步驟react-final-form ，它使用了FieldArray 。 最終用戶可以添加 X 個房間類型，然后根據該數量下一步將生成房間數組。

這是一個現場演示 - 代碼沙盒

現在，當涉及到第二步（房間配置）時，我需要在一個正在進行的過程中設置默認值：當用戶選擇最大數量的成人時，最大兒童的值應設置為該數字減 1。

我在FieldArray使用<OnChange>組件（調用fields.update()方法）。
它有效，但問題是它更改了對象內的所有值。 您可以在上面的演示中檢查此行為。

我無法弄清楚出了什么問題。

在此先感謝您的幫助。

Answer 1

首先，美麗的形式！ 你非常接近。 我已將<OnChange/>組件移動到RoomRow並使用<Field/>獲取max_children字段的onChange 。