react-rails：未捕获的ReferenceError：未定义导出

Question

我正在使用react-rails gem。

我写了一篇我试图扩展的组件SortableTable：

在components/common/sortable_table.jsx

class SortableTable extends React.Component
{
..
}

在components/staff_dashboard/staff_dashboard_table.jsx

中工作正常

class StaffDashboardTable extends SortableTable {
...
}

但在components/accounting_team_dashboard/accounting_team_dashboard_table.jsx

class AccountingTeamTable extends SortableTable {
...
}

我收到错误SortableTable is not defined。

我读了一些关于导出组件的内容，所以我添加了它：

class SortableTable extends React.Component
{
..
}
export default SortableTable

但现在出现错误：Uncaught ReferenceError: exports is not defined。

这是宝石版 2.2.1 ，我没有使用网络打包器。对我来说真的很奇怪，它适用于员工表 - 也许是因为它包含在SortableTable下面？

Answer 1

如果扩展SortableTable组件适用于components/staff_dashboard/staff_dashboard_table.jsx

它可以在

中使用

components/accounting_team_dashboard/accounting_team_dashboard_table.jsx也

现在问题可能是你从错误的路径导入它。

您应该像

一样导入它

在components/staff_dashboard/staff_dashboard_table.jsx

import SortableTable from '../common/sortable_table'
class StaffDashboardTable extends SortableTable {
...
}

和components/accounting_team_dashboard/accounting_team_dashboard_table.jsx

import SortableTable from '../common/sortable_table'
class AccountingTeamTable extends SortableTable {
...
}