JSFiddle - React, Tailwind, and code Playground

by Vladimir Kutepov

HTML

<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
<div id="app"></div>

Babel + JSX

class Link extends React.Component {
  static onClick = function onClick(event) {
    console.log(event, arguments);
  }

	onClick = (event) => Link.onClick(event, this.props);

  render() {
    return <a href="#" onClick={this.onClick}>Link</a>
  }
}

class App extends React.Component {
  render() {
  return <div>Click on <Link /> or <a href="#" onClick={Link.onClick}>Text</a></div>
  }
}

ReactDOM.render(<App />, document.getElementById('app'))