Function render

component/ConfirmBox.js:46–82

()

    },

    render() {
        let {confirmBtn, cancelBtn, position, className, content, style, children} = this.props;
        const {open} = this.state;
        className = klassName('confirm-box popup', className);
        if (open) {
            className = `${className} _active`;
        }

        return (
            <span className={className} style={style} onClick={this.onTrigger}>
                <span className="_trigger" ref='trigger'>
                    {children}
                </span>
                <div className={'_wrap _' + position}>
                    <div ref='content' className='_content'>
                        <div className="_title">{content}</div>
                        <div className="_action">
                            <div className="_confirm" onClick={this.handleConfirm}>
                                {confirmBtn ?
                                    confirmBtn
                                    : <div>ok</div>}
                            </div>
                            <div className="_cancel" onClick={this.handleCancel}>
                                {cancelBtn ?
                                    cancelBtn
                                    : <div>cancel</div>}
                            </div>
                        </div>
                        <span className="_arrow" ref='arrow'></span>
                    </div>
                </div>
            </span>
        );
    }
});

module.exports = ConfirmBox;