Question

我想我理解formValueSelector的工作原理。但是我无法弄清楚如何使用formValueSelector来更新INPUT字段。

connect(
  state => {
    const { firstValue, secondValue } = selector(state, 'first', 'second')
    // do some calculation
    return {
      sum: firstValue + secondValue
    }
  }
)(MyFormComponent)

换句话说，如何将sum值作为输入字段或全局Redux状态值的值？

Answer 1

在redux-form API中有这样的场景的端点，名为InitializeFromStateForm。请参阅此处https://redux-form.com/6.6.3/examples/initializefromstate/

InitializeFromStateForm = reduxForm({
  form: 'initializeFromState'  // a unique identifier for this form
})(InitializeFromStateForm)

否则为你喜欢的输入设置一个新的道具并没有什么坏处，因为你可以从这样的商店获取一个初始状态。

{
  sum: firstValue + secondValue,
  otherInput: "initial value" 
}

Answer 2

您可以从组件中调度更改操作。

例如：

this.props.change('formname','fieldname', this.props.sum);

根据其他输入字段中的数值自动更新输入数字字段值

2 个答案: