zent/src/notify/NotifyContent.js

一套前端设计语言和基于React的实现

import React, { Component, PureComponent } from 'react';
import PropTypes from 'prop-types';
import Portal from 'portal';

export default class NotifyContent extends (PureComponent || Component) {
  static propTypes = {
    text: PropTypes.any,
    status: PropTypes.string,
    visible: PropTypes.bool
  };

  static defaultProps = {
    text: '',
    visible: false,
    status: ''
  };

  render() {
    const { visible, text, status } = this.props;

    return (
      <Portal visible={visible} className="zent-image-p-anchor">
        <div className={`zent-notify zent-notify-${status}`}>{text}</div>
      </Portal>
    );
  }
}