如何在提交后禁用整个redux表单,然后在清除所有字段后重新启用它

时间:2018-05-23 09:49:37

标签: html reactjs redux-form

在提交值时禁用整个表单的redux-form方式是什么?

以及如何在清除表单的表单字段中的所有值时重新启用整个表单?

我知道html的方式是通过fieldset disable,但我想知道还原形式的做法。

1 个答案:

答案 0 :(得分:1)

单击“提交”按钮时,通过调度操作并在Reducer中设置值来更新存储。然后使用组件中的更新值。

constructor(props){ super(props); this.state={ enableForm:true
} this.handleSubmit=this.handleSubmit.bind(this) }

`componentWillRecieveProps(nextProps){
     if(this.props.status !== nextProps.status)
      {    this.setState({ enableForm:true })
      }
}`

handleOnSubmit() { this.setState({enableForm:false}) }

您可以通过来自react-redux的连接来连接您的商店,您可以通过道具从商店获取价值。 一旦将value设置为false,就可以执行条件呈现,其中文本输入被禁用。