reactjs - react 引导和Panel.Body

Question

我是 React 新手，所以也许我在这里遗漏了一些东西，但我想使用 react-bootstrap 中的 Panel 组件。我正在关注documentation ，但出现以下行为。

此代码有效:

import { Panel } from 'react-bootstrap';

(...)

return ( # This is inside my component's render()
    <Panel>
        Foo
    </Panel>
)

此代码不起作用:

import { Panel } from 'react-bootstrap';

(...)

return ( # This is inside my component's render()
    <Panel>
        <Panel.Body>Foo</Panel.Body>
    </Panel>
)

错误显示:未捕获错误:元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件)，但得到:未定义。您可能忘记从定义它的文件中导出组件。检查 (ComponentName) 的渲染方法。

我做错了什么？非常感谢!

react 15.6.2， react 引导0.31.5

Answer 1

请更改为:
从“react-bootstrap/lib/Panel”导入面板

从 react-bootstrap 导入时，您需要从 lib 文件夹导入组件。