react-slide-tab

React-Slide-Tab

$3

A react component based on the tabs;

$3

!首页

$3

``bash
import React, {Component} from 'react';
import One from './TabsPage/One';
import Two from './TabsPage/Two';
import Three from './TabsPage/Three';
import TabController from './TabController';
export default class TabComponent extends Component {
render() {
const setting = {
tabsTitleStyle: {height: '44px', background: '#f5f5f5'},
itemStyle: {padding: '0 10px', height: 'inherit', lineHeight: '44px'},
itemActiveStyle: {color: '#e9203d', boxShadow: 'inset 0px -2px 0px #e9203d'},
};
return (

{/*

One

Two

Three

*/}
{
this.props.tabs.map((item, i) => (

{item.component}

))
}

)
}
}

TabComponent.defaultProps = {
tabs: [
{
text: 'One',
component:
},
{
text: 'Two',
component:
},
{
text: 'Three',
component:
}
]
}
`

$3

#### 1、Clone the repo as a new project:
`javascript
git clone git@github.com:chenjun1127/react-slide-tab.git
cd react-slide-tab
`
#### 2、Installation dependency
`javascript
cd react-slide-tab
npm install or yarn install
`
#### 3、Run App
`javascript
npm run dev command automatically initiate browser at 3000 port
npm run dev
http:://localhost:3000
`
#### 4、Run Build
`bash
cd react-slide-tab
npm run build
``