我正在学习本教程 ( https://www.bigbinary.com/videos/keep-up-with-reactjs/creating-a-bootstrap-modal-in-react-js )
灰色层不允许我使用模式。我已经检查了 css 文件,但我不知道我哪里做错了。
请帮帮我
这是我的代码:
登录.js
import React, { Component,PropTypes } from 'react';
class Login extends React.Component {
render() {
return (
<div>
<button type="button" id='ingresar' data-toggle="modal" data-target="#myModal">
Ingresar
</button>
<div className="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div className="modal-dialog">
<div className="modal-content">
<div className="modal-header">
<button type="button" className="close" data-dismiss="modal"><span aria-hidden="true">×</span><span className="sr-only">Close</span></button>
<h4 className="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div className="modal-body">
...
</div>
<div className="modal-footer">
<button type="button" className="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" className="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</div>
);
}
}
最佳答案
我也遇到了同样的问题。我发现我的问题与 fade
类有关。一旦我删除它,我的问题就解决了。
关于javascript - React js 中的 Bootstrap 模式不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43444156/