反应bootstrap模态 - 我如何让它显示？

Question

我有一个组件,我在其中导入reactBootstrap:

import ReactBootstrap from 'react-bootstrap'

然后我在我的组件中有一个函数,当用户单击按钮时会触发该函数:

onClickBtn : function() {
  var Modal = ReactBootstrap.Modal;
  return (
    <Modal>
      ... 
    </Modal>
  )
}

但是,我收到错误:

未捕获的TypeError:无法读取未定义的属性"模态".

我在使用react-bootstrap指南时遇到了麻烦,我想知道是否有人知道如何轻松导入模态.谢谢

Answer 1

您可以使用以下es6语法直接从'react-bootstrap'导入任何组件:

import { Component } from 'react-bootstrap';

在这种特殊情况下,您可以使用:

import { Modal } from 'react-bootstrap';

您还可以一次导入多个组件,例如:

import { Button, ButtonToolbar, Modal } from 'react-bootstrap';

对{}的需求是因为它们不是默认导出,它们被命名为可以通过名称引用的导出.