反应引导模式 - 我如何让它显示？答案

【问题标题】：react bootstrap modal - how do I get it to show?反应引导模式 - 我如何让它显示？
【发布时间】：2015-12-23 15:16:53
【问题描述】：

我有一个要在其中导入 reactBootstrap 的组件：

import ReactBootstrap from 'react-bootstrap'

然后我的组件中有一个功能，当用户单击按钮时触发：

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

但是，我得到了错误：

未捕获的类型错误：无法读取未定义的属性“模态”。

我在遵循 react-bootstrap 指南时遇到了问题，我想知道是否有人知道如何轻松导入模态。谢谢

【问题讨论】：

如果你使用 import { Modal } from 'react-bootstrap' 会发生什么；
嗨@bmartin 我试过了，现在它说“ReactBootstrap 未定义”编辑：对不起，我是个白痴。但是，var Modal = 部分应该怎么改呢？
OK nvm 所以我不需要 var Modal 部分。
然而，现在什么也没有发生。没有错误，但没有任何反应:(
我认为您现在已经加载了 Modal 组件。除此之外，我认为任何其他问题都需要提出另一个问题。但是，我会看一下react-bootstrap.github.io/components.html 和模态基本示例，以获取一些关于为什么什么都没有发生的指导（也许像将模态组件的 show 属性设置为 true 之类的？）

【解决方案1】：

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

import { Component } from 'react-bootstrap';

在这种特殊情况下，您可以使用：

import { Modal } from 'react-bootstrap';

您也可以一次导入多个组件，例如：

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

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

【讨论】：