You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
399 B
21 lines
399 B
7 years ago
|
class Button extends React.Component {
|
||
|
|
componentDidMount() {
|
||
|
|
alert(this.props.theme);
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const {theme, children} = this.props;
|
||
|
|
return (
|
||
|
|
<button className={theme ? 'dark' : 'light'}>
|
||
|
|
{children}
|
||
|
|
</button>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default props => (
|
||
|
|
<ThemeContext.Consumer>
|
||
|
|
{theme => <Button {...props} theme={theme} />}
|
||
|
|
</ThemeContext.Consumer>
|
||
|
|
);
|