Function render

component/Message.js:60–89

()

    },
    
    render() {
        let {children, content, className, position, closeNode, style, onClose} = this.props;
        const {display} = this.state;
        className = klassName(className, `_${position}`);
        if (display) {
            className += ' _active';
        }

        let msgNode = <div className="_message">
                        {content}
                    </div>
        if (onClose) {
            msgNode = <div className="_message">
                        <div className="_wrap">
                            {content}
                        </div>
                        <div className="_close" onClick={this.handleClose}>
                            {closeNode}
                        </div>
                    </div>;
        }
        return (
            <div className={`ui message ${className}`} style={style}>
                <div className="_trigger" onClick={this.handleDisplay}>
                    {children}
                </div>
                {msgNode}
            </div>
        );
    }
});

module.exports = Message;