直播軟體原始碼，好看的點贊按鈕

直播軟體原始碼，好看的點贊按鈕

<div id="mountNode"></div>
class Button extends React.Component {
  
state = {
    starred: false,
  };
  
  handleClick() {
    this.setState ({
      ...this.state,
      starred: !this.state.starred,
    });
  };
  
  
  render() {
    return (
      <button className={`button ${this.state.starred?'stared':''}`} onClick={this.handleClick.bind(this)}>
        <span className="icon">icon</span>
        <div className='heart-animation-1' key="animation-1" />
        <div className='heart-animation-2' key="animation-2" />
      </button>
    )
  }
  
}
ReactDOM.render(<Button >按鈕</Button>, mountNode);

以上就是直播軟體原始碼，好看的點贊按鈕， 更多內容歡迎關注之後的文章