Files
react.dev/examples/context/forwarding-refs.js
2018-03-22 22:35:52 -07:00

13 lines
311 B
JavaScript

const Button = ({theme, children}) => (
<button className={theme ? 'dark' : 'light'}>
{children}
</button>
);
// highlight-range{1,3}
export default React.forwardRef((props, ref) => (
<ThemeContext.Consumer>
{theme => <Button {...props} theme={theme} ref={ref} />}
</ThemeContext.Consumer>
));