重用ReactJS Button组件

Question

我正在尝试找到一种方法来重复使用需要在项目的其他部分中使用的按钮组件。

当前<Button />代码为：

class Cover extends React.Component {

  constructor() {
      super();
      this.state = {isFollowing: false};
  } 

  toggleFollow (e) {
    e.preventDefault();
    this.setState({isFollowing: !this.state.isFollowing});
  }

render() {

    var followClass = this.state.isFollowing? 'active': '';
    return (
        <Button className="connect-btn" href="#">Connect</Button>
        <Button className={`follow-btn ${followClass}`} href="#" onClick={this.toggleFollow.bind(this)}>Follow</Button>

    );
  }
}

我也需要为connect-btn执行此操作。当我复制用于另一个按钮的代码时，它变得一团糟。如果有人能给我一个解决方案，那就太好了。我刚开始使用ReactJs并不是很好。感谢