反应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';

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