Question

相信我们都做得很好......我目前正在构建一个也在使用redux的react应用程序，我在尝试以编程方式关闭bootstarp中的模式时出现问题，我正在使用 bootstrap 4 ，和 jquery 3.3.1 ...我试过这个：

 onSubmit(event) {
   event.preventDefault();
    this.props.editBusinessAction(this.props.id, this.state)
      .then((message) => {
        $('#modal').modal(hide)
      toastrOption();
      toastr.success(message);
   })
  .catch((message) => {
    toastrOption();
    toastr.error(message);
    console.log(message);
  });

}

Answer 1

尝试将hide放在引号中：

 onSubmit(event) {
   event.preventDefault();
    this.props.editBusinessAction(this.props.id, this.state)
      .then((message) => {
        $('#modal').modal('hide')
      toastrOption();
      toastr.success(message);
   })
  .catch((message) => {
    toastrOption();
    toastr.error(message);
    console.log(message);
  });

}

Answer 2

$（'＃modal'）。modal（'hide'）仅在您将jquery和bootstrap导入到条目组件中时有效。

在您的起始组件中安装jquery和bootstrap并将jquery导入，例如：如下所示的App.js

npm install -s jquery@2.2.3 bootstrap@3.3.6

App.js

import 'jquery';
import 'bootstrap/dist/js/bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
export default class extends Component {
    render(){
      return (
         <div>App component</App>
      )
    }
}

使用jquery以编程方式关闭react-redux中的bootstrap模式

2 个答案: