javascript - ReactJS Modal 通过 NPM 导入的 jquery 隐藏

Question

我知道我不应该在我的 React 应用程序中使用 jquery。但我会。

现在我们解决了这个问题，我不断得到: __WEBPACK_IMPORTED_MODULE_4_jquery___default(...)(...).modal 不是函数

我像这样导入jquery:

import $ from 'jquery';


class ReportTab extends Component {

    test(){
        $('#myModal').modal('hide')
    }

    render() {
        return (
        <div>
            <button onClick={this.test.bind(this}>Close</button>

            <div className="modal fade" id="myModal" role="dialog">
                <div className="modal-dialog">
                    <div className="modal-content">
                        <div className="report-daypicker-container">
                            <DayPicker onDayClick={this.test.bind(this)}/>
                        </div>
                        <div className="close-modal-container">
                            <button className="global-button global-button-active close-modal-btn" data-dismiss="modal">Cancel</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        )
    }
}

Answer 1

尝试:

$('#myModal').hide();

如果这不起作用，请确保只有 1 个 id 为 myModal 的元素正在渲染。