reactjs - 尝试导入错误: 'reactstrap' does not contain a default export (imported as 'Table' )

Question

我什至尝试import {Table} from 'reactstrap';即使用大括号。当与花括号一起使用时，数据会出现，但不是作为表格。我的reactstrap也是最新版本的。 这是显示的错误:尝试导入错误:“reactstrap”不包含默认导出(作为“表”导入)。 这是我的Assignment.js。

import Table from 'reactstrap';

class Assignment extends Component{

  render(){
      return(

     <Table dark>
      <thead>
        <tr>
          <th>#</th>
          <th>First Name</th>
          <th>Last Name</th>
          <th>Username</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th scope="row">1</th>
          <td>Mark</td>
          <td>Otto</td>
          <td>@mdo</td>
        </tr>
        <tr>
          <th scope="row">2</th>
          <td>Jacob</td>
          <td>Thornton</td>
          <td>@fat</td>
        </tr>
        <tr>
          <th scope="row">3</th>
          <td>Larry</td>
          <td>the Bird</td>
          <td>@twitter</td>
        </tr>
      </tbody>
    </Table>

      )
  }
}

导出默认分配；`

Answer 1

https://reactstrap.github.io/?path=/docs/home-upgrading--page

删除的组件

InputGroupAddon: Bootstrap 5 中不再需要此功能，您现在可以添加 Buttons , Inputs直接联系InputGroups按照您希望的顺序。

InputGroupButtonDropdown:现在可以将其替换为常规的 Dropdown组件。

CustomInput: Bootstrap 5 中不再需要这些，因为所有表单输入都将由 Bootstrap 而不是浏览器默认设置样式。现有Input组件现在支持文件、选择、开关和范围类型。

Jumbotron: Jumbotrons 已从 Bootstrap 5 中删除，可以替换为 <div class="rounded px-3 px-sm-4 py-3 py-sm-5"> 。 Jumbotron 流体可以替换为 <div class="bg-light mb-4 py-3 py-sm-5"> .

具有重大更改的组件

Tooltip/Popover/DropdownMenu: modifiers 属性现在将符合新的 popper2 修饰符，它采用数组而不是对象。 offset 属性现在是一个由 2 个数字组成的数组，分别代表打滑和距离。

ModalHeader/ToastHeader: Bootstrap 5 不再支持自定义关闭图标，因此此功能已从 ModalHeader 中删除。和ToastHeader .

Dropdown/DropdownMenu: left 和 right 属性已弃用，但仍支持向后兼容。现在在 Bootstrap 5 中替换为 start 和 end。