Skip to content

Instantly share code, notes, and snippets.

@lcoenen
Created April 3, 2019 17:19
Show Gist options
  • Save lcoenen/0f93bd2a2ae3fe9c76135d6b3d73d130 to your computer and use it in GitHub Desktop.
Save lcoenen/0f93bd2a2ae3fe9c76135d6b3d73d130 to your computer and use it in GitHub Desktop.
class FeesTabs extends React.Component {
state = {
// value: false,
value: 1,
};
handleChange = (event, value) => {
this.setState({ value });
};
// componentDidMount(){
// setTimeout(() =>
// this.setState({value: 0}), 1000)
// }
render() {
const { classes } = this.props;
const tabs = {
0: <ItemOnePleaseChangeMyName />,
1: <ItemTwoPleaseChangeMyName />,
2: <ItemThreePleaseChangeMyName />
}
const selectedTab = tabs[this.state.value];
return (
<Fragment>
<Paper>
<Tabs
value={this.state.value}
onChange={this.handleChange}
indicatorColor="primary"
textColor="primary"
centered
>
<Tab label="Item One" />
<Tab label="Item Two" />
<Tab label="Item Three" />
</Tabs>
</Paper>
{selectedTab}
</Fragment>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment