Javascript 我的选项卡组件未显示在我的浏览器中

这是我的标签组件

import React from 'react';
import {Tab, Tabs, Grid, Cell,Card,CardTitle, CardActions, CardText, CardMenu, Button, IconButton} from 'react-mdl'


class Projects extends React.Component{
    constructor(props){
        super(props)
        this.state={ activeTab:0 };
    }

    render(){
        return(
            <div className="category-tabs">
              <Tabs activeTab={this.state.activeTab} onChange={(tabId) => this.setState({ activeTab: tabId })} ripple>
                    <Tab>React</Tab>
                    <Tab>GitHub</Tab>
                    <Tab>Linkdln</Tab>
              </Tabs>
            </div>
        )
    }
}

从“React”导入React；
从“react mdl”导入{Tab，Tabs，Grid，Cell，Card，CardTitle，CardActions，CardText，CardMenu，Button，IconButton}
类项目扩展了React.Component{
建造师（道具）{
超级（道具）
this.state={activeTab:0}；
}
render（）{
返回(
this.setState（{activeTab:tabId}）ripple>
反应
github
链接
)
}
}

链接到一起后，我的项目页面是空白的，我检查了控制台，没有错误。

---

其他页面正在显示我不知道为什么没有显示

我看不到您导出项目组件。我看到了，我剪掉了那个地方。您可以将组件发布到您使用该组件的地方吗？我获取该组件的链接