简单的React组件

Question

我使用以下简单的React代码收到错误。

import React, { Component } from 'react';
import { Panel } from 'react-bootstrap';

export class NewFloodRequest extends Component {
    render() {
        return (
            <Panel>
                <Panel.Body>Panel content</Panel.Body>
                <Panel.Footer>Panel footer</Panel.Footer>
            </Panel>
        );
    }
}

  

元素类型无效：需要一个字符串（用于内置组件）   或类/函数（对于复合组件）但得到：undefined。您   可能忘记从您定义的文件中导出组件，   或者您可能混淆了默认导入和命名导入。

     

检查NewFloodRequest。

的渲染方法

有人能看到这里的问题吗？

更新 根据Per @ riwu的建议，我通过package.json更改了react-bootstrap版本，它修复了问题。

  "dependencies": {
...
    "react-bootstrap": "^0.32.1",
...
  },

Answer 1

您需要将新react-bootstrap API 0.32.1升级到Panel。