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.
24 lines
590 B
24 lines
590 B
class App extends React.Component {
|
|
render() {
|
|
return <Toolbar theme="dark" />;
|
|
}
|
|
}
|
|
|
|
function Toolbar(props) {
|
|
// highlight-range{1-4,7}
|
|
// The Toolbar component must take an extra "theme" prop
|
|
// and pass it to the ThemedButton. This can become painful
|
|
// if every single button in the app needs to know the theme
|
|
// because it would have to be passed through all components.
|
|
return (
|
|
<div>
|
|
<ThemedButton theme={props.theme} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
class ThemedButton extends React.Component {
|
|
render() {
|
|
return <Button theme={this.props.theme} />;
|
|
}
|
|
}
|
|
|