从父组件获取 redux-form 有效属性

Question

我在“reduxForm”组件之外有我的提交按钮 如果表单无效，我如何禁用该按钮？

<MainComponent><MyForm/><MyButton disabled={???}/></MainComponent>

Answer 1

使用isValid或isInvalid选择器。

isValid(formName:String) 返回 (state) => valid:boolean 如果表单有效，即没有同步、异步或提交错误，则返回 true。isInvalid 的反义词。

isInvalid(formName:String) 返回 (state) => invalid:boolean 如果表单无效，即有同步、异步或提交错误，则返回 true。isValid 的反义词。

import {
  isValid,
  isInvalid
} from 'redux-form'

MyComponent = connect(
  state => ({
    valid: isValid('myForm')(state),
    invalid: isInvalid('myForm')(state)
  })
)(MyComponent)

并在您的渲染功能中使用它来禁用按钮：

<MainComponent><MyForm/><MyButton disabled={this.props.invalid}/></MainComponent>