Question

我无法从Modal制作react-bootstrap来在屏幕上呈现。 DOM节点正被添加到DOM树中，但它不希望在屏幕上显示这是我托管Modal的类的代码，我将另一个组件的状态传递给它（我想通过Modal更改此组件的状态）。

class ChangeModal extends React.Component{

    constructor(props){
        super(props);
    }

    render(){

        return(
            <Modal show={this.props.state.showModal} onHide={this.props.close}>
                <Modal.Header closeButton>
                    <Modal.Title>Modal heading</Modal.Title>
                </Modal.Header>
                <Modal.Body>
                    <h4>{this.props.state.id}</h4>

            </Modal.Body>
                <Modal.Footer>
                    <Button onClick={this.props.close}>Close</Button>
                </Modal.Footer>
            </Modal>
        );
    }
}

Answer 1

似乎这个库和其他人没有使用Bootstrap v4 beta 2提供的正确语法。类名称与此版本的Bootstrap

中的类名称不匹配

React-Bootstrap模式没有显示

1 个答案: