mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-26 18:58:17 +00:00
b1d705ad60
* Use correct component name in context doc example I'm assuming the intention was to reference the `FancyButton` component defined directly above, unless I'm misunderstanding how to read this example. * Prettier
19 lines
409 B
JavaScript
19 lines
409 B
JavaScript
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 => (
|
|
<FancyButton {...props} theme={theme} ref={ref} />
|
|
)}
|
|
</ThemeContext.Consumer>
|
|
));
|