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

Question

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

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

Answer 1

使用isValid或isInvalid选择器。

  

isValid（formName：String）返回（state）=＆gt;有效：布尔   如果表单有效，则返回true，即没有同步，异步或提交错误。与isInvalid相反。

     

isInvalid（formName：String）returns（state）=＆gt; 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>