2017-09-07 22 views
0

只是试图获得反应标签工作的基本示例。造型似乎缺失。下面的例子在代码沙箱中(查看'Hello.js'),但是在通过npm将程序包安装到我的项目中后,我看到完全相同的行为。我错过了什么?谢谢!反应标签不作为标签样式

https://codesandbox.io/s/jzql1q6819

+1

侧面说明:您可以折叠所有单独的import语句的反应舌,以'进口{标签,标签列表,Tab,TabPanel} from'react-tabs';' –

+0

好点,谢谢 – dt1000

回答

3

从文档在https://github.com/reactjs/react-tabs#styling

反应过来,标签不包括任何默认式装载。提供了默认样式表,如果需要,可以将其包含在您的应用程序中。

您将不得不自己导入样式。我不认为Code Sandbox会让你直接从NPM包导入它们,所以你将不得不使用CDN或其他来源。

除此之外,标签在你的例子中工作。点击列表项显示不同的内容

这里是样式的例子的叉补充说:https://codesandbox.io/s/ym7l2zk4oj

+0

非常好!谢谢。 – dt1000