Skip to content

Instantly share code, notes, and snippets.

Created February 27, 2016 01:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/fd7e1a2e247c5badd6fc to your computer and use it in GitHub Desktop.
Save anonymous/fd7e1a2e247c5badd6fc to your computer and use it in GitHub Desktop.
import React, { Component } from 'react';
export default class Follow extends Component {
constructor(props) {
super(props);
this.state = {
followed: this.props.followed
}
this.handleFollowClick = this.handleFollowClick.bind(this)
}
handleFollowClick() {
this.setState({
followed: !this.state.followed
});
}
render() {
return (
<input
className="follow"
onClick={this.handleFollowClick()}
style={{backgroundColor: followed ? 'green' : 'red'}}
value={followed ? 'Follow' : 'Following'}
/>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment