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.
17 lines
390 B
17 lines
390 B
7 years ago
|
class FancyButton extends React.Component {
|
||
|
|
focus() {
|
||
|
|
// ...
|
||
|
|
}
|
||
|
|
|
||
|
|
// ...
|
||
|
|
}
|
||
|
|
|
||
|
|
// Use context to pass the current "theme" to FancyButton.
|
||
|
|
// Use forwardRef to pass refs to FancyButton as well.
|
||
|
|
// highlight-range{1,3}
|
||
|
|
export default React.forwardRef((props, ref) => (
|
||
|
|
<ThemeContext.Consumer>
|
||
|
|
{theme => <Button {...props} theme={theme} ref={ref} />}
|
||
|
|
</ThemeContext.Consumer>
|
||
|
|
));
|