Redux-Form onclick处理程序

时间:2018-04-15 16:28:38

标签: reactjs redux-form

我有一个redux-form,我想添加一个不提交的按钮,但是要详细说明字段以填充其他字段。问题是如何在onclick处理程序中访问表单的字段值?

我尝试从store.getState恢复它们,但不是这么简单的访问状态。

使用onSubmit处理程序很容易,但我需要保留仅提交提交。

帮助我!

由于

1 个答案:

答案 0 :(得分:0)

你也可以试试这个......

import PropTypes from 'prop-types'
import React, { Component } from 'react'
import { Field, reduxForm } from 'redux-form'


class Test extends Component {
  static contextTypes = {
    store: PropTypes.object,
  }
   constructor(props) {
    super(props)
    this.state = {

    }
    this.getFormValues = this.getFormValues.bind(this)
  }

  getFormValues() {
    ////// at any function try this
    const { store } = this.context
    const state = store.getState()
    console.log(state.form.test.values)//you will get form values here
  }

  render() {
    return(<div>Redux Form Goes here</div>)
  }
}
export default reduxForm({
  form: 'test',  // a unique identifier for this form
  destroyOnUnmount: true,
})(Test)