assets/js/like.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

// Note: We're using the CDN in "production".
import * as React from 'react'
import * as ReactDOM from 'react-dom';

// A simple React JSX component.
class LikeButton extends React.Component {
    constructor(props) {
      super(props);
      this.state = { liked: false };
    }
  
    render() {
      if (this.state.liked) {
        return 'You liked this!';
      }
  
      return (
        <button onClick={() => this.setState({ liked: true }) }>
          Like
        </button>
      );
    }
  }
  

const domContainer = document.querySelector('#like_button_container');
ReactDOM.render(<LikeButton />, domContainer);