コードは、私が<a href="http://react-toolbox.com/#/components/tabs" rel="nofollow noreferrer">react-toolbox Tabs</a>を使用していると私は別のファイルにそれらを抽出した場合、彼らはレンダリングされませんが、コードは同じで抽出された場合、彼らはレンダリングを別のファイル

Question

からインポートされたときにリアクト - ツールボックスのタブがレンダリングされません。ファイル。私はそのようなことが起こる理由を理解できません。たとえば、次のようになります。

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> 
     ); 
    } 

2つの関数が同じファイル内にある場合、すべて正常に動作します。私は別のJSファイルでそれらを抽出して反応コンポーネントファイルにインポートする場合は、タブは表示されません、と私はコンソールでエラーを参照してくださいません。なぜそれが起こるかもしれない何かのアイデア？ありがとう！

Answer 1

我々は確執に出て働いていた、問題は（元の質問には示されていない）した代わりに、これらの正しい形式のいずれかの

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

：

import { Tab } from "react-toolbox"; 

または

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