react消息显示器

最新推荐文章于 2022-09-23 14:42:07 发布

丶酸酸

最新推荐文章于 2022-09-23 14:42:07 发布

阅读量264

点赞数

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/a82048195/article/details/109326638

版权

本文介绍了如何在React中创建一个消息显示器组件，包括其展示效果和具体的代码实现，帮助读者理解React组件化的思想。

摘要由CSDN通过智能技术生成

效果

你好！这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
在这里插入图片描述

代码实现

完整代码：

import React from 'react';
import styles from './styles.less';
import badgeImg from '@/assets/leftmenu/badgeImg.png';
import router from 'umi/router';
import {
    connect } from 'dva';
import {
    Popover, Badge, Button, Modal } from 'antd';

function mapStateToProps({
    InformationModel }) {
   
    return {
   
        InformationModel: InformationModel,
    };
}
@connect(mapStateToProps)
class Information extends React.Component {
   
    constructor(props) {
   
        super(props);
        this.state = {
   
            visible: false,
            unreadList: [],
            infoTitle: '',
            infoContent:'',

        };
    }
    //渲染前调用
    componentWillMount() {
    }

    //渲染后调用
    componentDidMount() {
   
        this.getunreadDatas();
    }