React-Tabs组件要求未定义未捕获参考错误

Question

我正在尝试使用此处的React-tabs组件。 https://github.com/reactjs/react-tabs 我在我的html的头部包含了react-tabs.js文件，只需复制粘贴那里给出的示例（在链接中）。

我收到以下错误： 未捕获的Referenceerror：未定义require。

以下是我的代码：

 import {Tab,Tabs,TabList,TabPanel} from 'react-tabs';
 var tabbed=React.createClass({
 render:function(){

return(

<Tabs onSelect={this.handleSelect}
selectedIndex={2}
>


<TabList>

<Tab>Foo</Tab>
<Tab>Foo1</Tab>
<Tab>Foo2</Tab>

</TabList>



<TabPanel>
<h2>Hello from Foo</h2>
</TabPanel>
<TabPanel>
<h2>Hello from Foo1</h2>
</TabPanel>
<TabPanel>
<h2>Hello from Foo2</h2>
</TabPanel>

</Tabs>


);  
}


});


ReactDOM.render(
<tabbed/>,
document.getElementById('example')
);

`

感谢任何帮助。