如何解决如何在React中创建通知面板?
我正在尝试创建类似于下图所示的通知面板:
我尝试在Navbar中使用折叠功能,但问题是何时单击通知图标,它会展开整个Navbar。 在另一个解决方案中,我尝试使用自定义下拉列表,但无法设置下拉列表的宽度。 通知面板可以使用什么?请提出建议。
解决方法
请尝试使用此代码,以在反应中如何创建通知面板?
import React,{ Component } from "react";
import { MDBNotification } from "mdbreact";
class Notification extends Component {
render() {
return (
<MDBNotification
autohide={3000} // by default = ∞ ms
bodyClassName="p-5 font-weight-bold white-text"
className="stylish-color-dark"
closeClassName="blue-grey-text"
fade
icon="bell"
iconClassName="blue-grey-text"
message="Hello,world! This is a toast message."
show
text="11 mins ago"
title="Bootstrap"
titleClassName="elegant-color-dark white-text"
/>
);
}
}
export default Notification;
我希望这段代码对您有用。
谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。