Javascript 如何传递道具以使“取消”按钮在Redux窗体上的React中工作

我在这个

React

组件中有一个

Redux表单

，我有一个

Cancel

按钮，当表单在父组件中使用时，我想传递一个

onClick

事件。这是我的

Redux表单的代码


导入“/styles/list item.scss”；
从“react bootstrap”导入{Button，ButtonToolbar}；
从“redux表单”导入{Field，reduxForm}；
从“./表单字段/InputField”导入InputField；
从“道具类型”导入道具类型；
从“React”导入React；
常量AddInitiativeForm=（道具）=>{
const{handleSubmit，pristine，submiting}=道具；
返回(
{}}
>
取消
添加
);
};
AddInitiativeForm.propTypes={
“handleSubmit”：需要PropsTypes.func，
“质朴”：需要的是PropsTypes.bool.isRequired，
“提交”：PropsTypes.bool.isRequired
};
AddInitiativeForm.defaultProps={}；
导出默认reduxForm（{form:“addInitiative”}）（AddInitiativeForm）
通过道具将
handleCancelClick
方法传递给表单。然后在表单中，将其连接到按钮的
onClick
：

//AddInitiativeForm
取消
;
//初始容器
render（）{
const{displayForm}=this.state；
返回(
);
}