以redux形式将输入字段设置为等于false

Question

我有redux-form，当我触摸输入字段时，如果有输入字段，则会显示错误。现在，我想在重新加载页面时将输入字段touched属性重置为false。我该怎么做？

我正在使用redux-persist来保持状态，因此我必须明确地执行此操作，因此我需要一种在componentDidMount中将touched属性设置为false的方法。

Answer 1

有一段时间没有碰到redux-form了，所以请不要在我的示例代码中遇到任何问题。

Redux-form的动作创建者通常可以用作调度程序。您只需要导入操作并在mapDispatchToProps中使用它即可：

import { untouch } from 'redux-form/actions'

...
componentDidMount() {
    const fieldArray = getFields() // your own methods
    this.props.untouch(fieldArray)
}

...

const mapStateToProps = (dispatch) => ({
    untouch: (fieldArray) => dispatch(untouch("YOUR_FORM_NAME", fieldArray))
})