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

import ReactBootstrap from 'react-bootstrap' 

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

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

但是，我得到了错误:

Uncaught TypeError : Cannot read property 'Modal' of undefined.

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

请您参考如下方法:

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

import { Component } from 'react-bootstrap'; 

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

import { Modal } from 'react-bootstrap'; 

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

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

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