Q&A
前提・実現したいこと
React Material-UIでのBottom Navigationで
アイコンを選択したときのでデフォルトの色を変えたいです。
この青色の部分(アイコンを選択したとき
)を違う色に変える方法をご教示おねがいします。
React初心者でなので、どうか宜しくおねがいします。
該当のソースコード
import React from 'react'; import PropTypes from 'prop-types'; import { withStyles } from '@material-ui/core/styles'; import BottomNavigation from '@material-ui/core/BottomNavigation'; import BottomNavigationAction from '@material-ui/core/BottomNavigationAction'; import Icon from '@material-ui/core/Icon'; import RestoreIcon from '@material-ui/icons/Restore'; import FavoriteIcon from '@material-ui/icons/Favorite'; import LocationOnIcon from '@material-ui/icons/LocationOn'; const styles = { root: { width: 500, }, }; class LabelBottomNavigation extends React.Component { state = { value: 'recents', }; handleChange = (event, value) => { this.setState({ value }); }; render() { const { classes } = this.props; const { value } = this.state; return ( <BottomNavigation value={value} onChange={this.handleChange} className={classes.root}> <BottomNavigationAction label="Recents" value="recents" icon={<RestoreIcon />} /> <BottomNavigationAction label="Favorites" value="favorites" icon={<FavoriteIcon />} /> <BottomNavigationAction label="Nearby" value="nearby" icon={<LocationOnIcon />} /> <BottomNavigationAction label="Folder" value="folder" icon={<Icon>folder</Icon>} /> </BottomNavigation> ); } } LabelBottomNavigation.propTypes = { classes: PropTypes.object.isRequired, }; export default withStyles(styles)(LabelBottomNavigation);
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
退会済みユーザー
2019/04/28 06:49
2019/04/28 06:51