在Redux表单中基于另一个字段验证一个字段

我正在使用redux-form，而我的组件有几个FieldArray。FieldArray组件之一生成表，如屏幕截图所示。在这里，每一行都是一个Field包含复选框的组件。我要实现的是，如果checkbox选中了该行上的组件，则仅price需要字段。

我试图通过使用docs中validate.js所述的方法来解决此问题，但是由于此组件的结构如下：

<FirstComponent>
<FieldArray
  component={SecondComponent}
  name="options"
  fruits={fruitsList}
 />
</FirstComponent>

在我的SecondComponent迭代中fruitsList，如果length大于1，则渲染ThirdComponent。该组件负责生成水果列表，如屏幕截图所示。具有某种程度的嵌套，当我使用值进行验证时，它会有很多性能滞后，屏幕冻结直到呈现ThirdComponent。每个组件都有一点，Fields因此无法轻松合并。任何更简便的优雅解决方法都将有所帮助。验证的逻辑如下：

props.fruitsList.map((fruit, index) => {
      const isChecked = values.getIn(['fruit', index, 'checked'])
      if (isChecked) {
        const price = values.getIn(['fruit', index, 'price'])
        if (price === undefined || price.length === 0) {
          errors.fruits[index] = { price: l('FORM->REQUIRED_FIELD') }
        }

      }
      return errors
    })