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

Question

我正在使用 Redux-Form，其中有 2 个字段 'client income' 和 'partner income'，我需要显示另一个字段中值的总和，onChange 以上 2 个字段。

我尝试将总和存储在全局变量中，但它不起作用。

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

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

如有任何帮助，我们将不胜感激。

Answer 1

可以使用去抖动吗？有一个 NPM 模块 react-debounce-input 可以为您提供实现的总体思路。

Answer 2

使用 formValueSelector 到 connect() 来形成值，这些值将在您的表单的道具中可用。

const selector = formValueSelector('simple');

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

Codesandbox demo

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

How to add two fields in a form and show in 3rd field using Redux Form

javascript

reactjs

redux

redux-form