Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
import React from 'react';
const toggle = (ComposedComponent) => class extends React.Component {
constructor(props) {
super(props);
this.state = { isActive: false };
this.onToggle = this.onToggle.bind(this);
}
render() {
return (
<ComposedComponent onToggle={onToggle} isActive={this.state.isActive} />
);
}
onToggle() {
this.setState({ isActive: !this.state.isActive });
}
};
const ShowHide = ({onToggle, isActive}) => (
<div>
<p onClick={onToggle}>title</p>
{ isActive && <p>content</p> }
</div>
);
const ConcreteToggle = toggle(ShowHide);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment