如果是组件套组件的情况

<ImportModal title="导入菜类" fileMess="538" dispatch={dispatch} >
<Button   type="primary"  size="large" className="ant-btn-left" >导入菜类</Button>
</ImportModal>
<ImportModal title="导入菜品" fileMess="539" dispatch={dispatch} >
<Button type="primary"  size="large" className="ant-btn-left" >导入菜品</Button>
</ImportModal>
<ImportModal title="导入餐区" fileMess="536" stores={stores} dispatch={dispatch} >
<Button type="primary"  size="large" className="ant-btn-left" >导入餐区</Button>
</ImportModal>
<ImportModal title="导入餐台" fileMess="537" stores={stores} dispatch={dispatch} >
<Button type="primary"  size="large" className="ant-btn-left" >导入餐台</Button>
</ImportModal>

上面的ImportModal 父组件套着子组件Button  那么在父组件定义extend的时候也要把子组件加入相应的位置 方法就是

return (
<div>
<span onClick={this.showModelHandler}>
      {children}
</span>
</div>

这样的方式把 button放进来