ReactStrap模式关闭图标没有在模式中显示，以及如何使用标题与其他标记。
ReactStrap模式关闭图标没有在模式中显示，以及如何使用标题与其他标记。
提问于 2018-11-29 22:29:41
我对这种反应很陌生。这里我使用的是reactStrap的模式。
<Modal isOpen={props.isOpen} centered='true'>
<ModalHeader>
Change this Question?
<button type="button" class="close" aria-label="Close" onClick={props.closeModal} ><span aria-hidden="true">×</span></button>
</ModalHeader>
<ModalBody>
<div className="row">
<div className="col-md-12 text-center ">
<Button type="submit" className="btn btn-outline-primary" onClick={props.showChangeQuestionModal} >Change by creating your own Question</Button>
</div>
</div>
<div className="row">
<div className="col-md-12 text-center marginForOrOption">
<span>or</span>
</div>
</div>
<div className="row">
<div className="col-md-12 text-center">
<Button type="submit" color="btn btn-primary">Change and Replace from Question bank</Button>
</div>
</div>
</ModalBody>
<ModalFooter>
</ModalFooter>
</Modal>
</div>现在，我添加了这个按钮来关闭模态。但在反作用带，它是由default.But来的，在我的例子中，它是不会出现的。
另一个问题是，在ModalHeader中，它是默认的h5，所以我如何改变它呢？
回答 1
Stack Overflow用户
发布于 2018-11-30 02:15:48
第一个问题:如果您希望reactstrap显示自己的“关闭”按钮，则需要将toggle方法提供给 ModalHeader 组件的支持，这样您的ModalHeader看起来应该如下所示：
<ModalHeader toggle={this.toggleModalMethod}>
Change this Question?
</ModalHeader>第二个问题:您不会在模态标头中使用h5做太多事情，但是您肯定可以更改h5元素样式，使其看起来像您希望它看起来的那样：
<ModalHeader>
<span className="customStyleToOverrideDefault">Change this Question?</span>
</ModalHeader>请不要忘记投票支持我的答案，如果它对你有帮助的话。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53552407
复制
相似问题
如何从父组件打开或关闭reactstrap模式
无法映射reactstrap模式
如何在横向模式下显示MPVideoPlayer，以及在纵向模式下显示所有其他视图？
React: Reactstrap模式应用程序关闭时崩溃
使用reactstrap问题的React模式
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
💥开发者 MCP广场重磅上线！
精选全网热门MCP server，让你的AI更好用 🚀
腾讯云开发者
