如何在表单中添加两个字段并使用Redux Form在第3个字段中显示

Question

我正在使用Redux-Form，我有2个字段'客户收入'和'合作伙伴收入'，我需要在另一个字段中显示值的总和， onChange 以上2字段。

我尝试将总和存储在全局变量中，但它无效。

行为如下所示，如果我尝试添加12 + 13而不是25，它就会变为27.我确定了原因，它正在发生，因为它将其视为1 + 12 + 1 + 13。我不知道如何缓解这个问题。

我本可以使用 onBlur ，但 onChange 是必需的。

任何帮助都将不胜感激。

Answer 1

你可以使用去抖吗？有一个NPM模块TRY_CONVERT可以让您全面了解实施情况。

Answer 2

使用formValueSelector连接（）以形成值，这些值将在您表单的道具中提供。

const selector = formValueSelector('simple');

SimpleForm = connect(
  state => {
    return {
      number1: selector(state, 'number1'),
      number2: selector(state, 'number2'),
    }
  }
)(SimpleForm);

  

Codesandbox demo