Javascript 从另一个文件导入代码时，不会呈现React工具箱选项卡

我正在使用，如果我将它们提取到一个单独的文件中，它们不会被渲染，但是如果代码提取到同一个文件中，它们会被渲染。我想不出发生这种情况的原因。例如：

function programDayTab({id, name, startTime}) {
    return (
        <Tab key={id} label={name}>
            <small>Start date: {new Date(startTime).toDateString()}</small>
            <small>Start time: {new Date(startTime).toTimeString()}</small>
        </Tab>
    );
}

function programDayTabs(days) {
    return days ? days.map(day => programDayTab(day)) : "";
}
....
    render() {
        const days = this.props.days;
        return (
            <Tabs index={this.state.selectedTabIndex} onChange={this.handleTabChange} fixed theme={theme}>
                {programDayTabs(days)}
            </Tabs>
        );
    }

---

如果这两个函数保持在同一个文件中，则一切正常。如果我在一个单独的JS文件中提取它们并将它们导入React组件文件中，那么这些选项卡将不会呈现，并且我在控制台中看不到任何错误。你知道为什么会这样吗？谢谢

我们解决了不和谐问题，原始问题中没有显示问题：

import { Tab } from "react-toolbox/lib/tabs/Tab";

而不是这些正确的形式：

import { Tab } from "react-toolbox";

或

---

是否在单独的文件中导出函数并将其绑定到组件。您是否尝试过在函数中使用console.log？他们叫什么名字？你做过这样的事吗@Nocebo我确实导出了它们，不确定将其绑定到我的组件是什么意思。函数确实会被调用，如果我把它们放在那里，我会看到日志。

import Tab from "react-toolbox/lib/tabs/Tab";