Javascript 重用ReactJS按钮组件

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

目前的代码是：

---

我需要这样做的连接btn以及。当我复制用于另一个按钮的代码时，结果是一团糟。如果有人能给我一个解决方案那就太好了。我刚开始学ReactJs，不太好。谢谢

我的策略是找到一个已经做过的模块，我们可以使用它，或者将它作为参考来创建我自己的模块。下面是一个强大的示例，演示了如何使react按钮组件具有惊人的灵活性。除了您最初的问题之外，我很好奇React是否会因为尝试从渲染函数中返回2个组件而不是它所建议的（即仅返回1个组件）而引发错误？这1个组件/元素当然可以有子元素。您可以使用propTypes定义按钮的文本/开-关状态，然后简单地将它们传递给父元素中的按钮代码。您需要包装这两个按钮组件，例如，在a中，将这两个组件包装在返回中

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>

    );
  }
}