Javascript 在redux表单中更改字段时触发操作创建者

我是redux的新手。我正在尝试使用redux表单创建一个应用程序。当表单中的任何字段发生任何更改时，请帮助我如何触发操作

    import React from 'react'
    import { Field, reduxForm } from 'redux-form'
    import { Col, Button, Form, FormGroup, Label, Input, FormText } from 'reactstrap';

    const renderField=({ input, label,name, type, meta})=>(
        <FormGroup row>
                        <Label for={name} sm={2}>{label}</Label>
                        <Col sm={10}>
                        <input {...input} placeholder={label} type={type}></input>
                         </Col>
        </FormGroup>
    )


    const BreakupForm=(props)=>{
        console.log(props);
        const { handleSubmit, pristine, reset, submitting } = props
        return(
            <div>
            <Label >Breakup</Label>
            <form onSubmit={handleSubmit}>

             <Field label="Basic" name="basic" component={renderField} type="text" placeholder="basic"/>
             <Field label="HRA" name="hra" component={renderField}  type="text" placeholder="HRA"/>
             <Field label="Transport Allowance" name="ta"  component={renderField}  type="text" placeholder="Transport Allowance" />
             <Field label="Special Allowance" name="specialAllowance" component={renderField} type="text" placeholder="Special Allowance" />
             <Field label="LTA" name="lta" component={renderField}  type="text" placeholder="LTA"/>
             <Field label="Medical Bills"  name="medicalBills" component={renderField} type="text" placeholder="Medical Bills"/>
            </form>
            </div>

        )
    }


export default reduxForm({
    form: 'breakupForm' // a unique identifier for this form
  })(BreakupForm)

从“React”导入React
从“redux form”导入{Field，reduxForm}
从“reactstrap”导入{Col，Button，Form，FormGroup，Label，Input，FormText}；
常量renderField=（{input，label，name，type，meta}）=>(
{label}
)
const BreakupForm=（道具）=>{
控制台日志（道具）；
const{handleSubmit，pristite，reset，submiting}=props
返回(
分手
)
}
导出默认reduxForm({
表单：“breakupForm”//此表单的唯一标识符
})（分手表格）

您可以在要观察的每个字段上使用

onChange

，例如：

<Field label="Basic" name="basic" component={renderField} type="text" placeholder="basic" onChange={onChangeHandler} />

---

根据Redux表单文档

字段组件接受一个属性（onChange），您可以将一个函数传递给onChange属性

 <Field label="Basic" onChange={this.handleChange} name="basic" component={renderField} type="text" placeholder="basic"/>

handleChange将是在类中定义的函数

由于您的组件是无状态组件，因此可以通过props传递回调函数

<Field label="Basic" onChange={props.handleChange} name="basic" component={renderField} type="text" placeholder="basic"/>

除了在每个字段上创建onchange操作外，是否还有其他方法触发更改操作此操作与action creator一起工作。更改？你的答案不完整。

<Field label="Basic" onChange={props.handleChange} name="basic" component={renderField} type="text" placeholder="basic"/>