Skip to content

Instantly share code, notes, and snippets.

@cecigarcia
Last active February 22, 2018 11:58
Show Gist options
  • Save cecigarcia/015f7d6405a16337a8ee6ba9c05c709a to your computer and use it in GitHub Desktop.
Save cecigarcia/015f7d6405a16337a8ee6ba9c05c709a to your computer and use it in GitHub Desktop.
import React, { Component } from "react";
class CustomComponent extends Component {
apiMethod() { /* ... */ }
}
const StyledCustomComponent = props => (
<CustomComponent
ref={props.componentRef}
{...props}
style={{ padding: 10 }}
/>
);
const EnhancedCustomComponent = props => (
<StyledCustomComponent
{...props}
extraInfo={info}
/>
);
class ParentComponent extends Component {
handleClick = () => this.component.apiMethod();
render() {
return (
<div>
<button onClick={this.handleClick}>call api method!</button>
<EnhancedCustomComponent componentRef={r => this.component = r} />
</div>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment