Модал не показывается с помощью реакции-бутстрапа - PullRequest
Новая
       8

Модал не показывается с помощью реакции-бутстрапа

0 голосов
/ 01 октября 2018

Я новичок в реагировании, здесь я использую начальную загрузку реагирования.

Итак, мой компонент похож на 

import React from 'react';
import { Button } from 'react-bootstrap';
import { Modal } from 'react-bootstrap';
import { Container, Row, Col, Image } from 'react-bootstrap';

class ErrorComponent extends React.Component {
    constructor(props, context) {
        super(props, context);

        this.state = {
            show: props.show,
        };
    }


    render() {



        return (
            <Modal
                {...this.props}
                bsSize="large"
                aria-labelledby="contained-modal-title-lg"
            >
                <Modal.Header closeButton>
                    <Modal.Title id="contained-modal-title-lg">
                            cndjcndcndncjcdcd
                    </Modal.Title>
                </Modal.Header>
                <Modal.Body>
                cdnjcdncdcnc
                 </Modal.Body>
                <Modal.Footer>
                </Modal.Footer>
            </Modal>
        );
    }
}



export default ErrorComponent;

Это рендеринг из родительского компонента, 

 render() {
    let lgClose = () => this.setState({ showModal: false });
    return (
        <div>
            <div className="questionLevelIndication">
                <span className="levelIndicatorBtn backgroundColorForLow">
                    1
                </span>
                <label className="levelIndicationLabel">
                    Low Difficulty Level - Maximum 6 questions
                </label>
            </div>
            {(this.props.lowData) && this.props.lowData.Low.length > 0 && this.props.lowData.Low.map(data => (
                <LowRow technologies={this.state.technologies} onChange={this.onchange.bind(this)} data={data} key={data.id} onAddRow={this.onaddRow.bind(this)} onRemoveRow={this.onRemoveRow.bind(this)} />
            ))}
                <ErrorComponent show={this.state.showModal} onHide={lgClose} />
        </div>
    )
}

}

Но я все еще не могу увидеть модель.Есть ли в этом вопрос, связанный с непрозрачностью?Кто-нибудь может предложить мне решение для этого?2. Как сделать так, чтобы модал был вертикально центрирован?Любой намек будет полезен.

...