JSFiddle - React, Tailwind, and code Playground

by xufocoder

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration.js"></script>
<div id="container"></div>

JavaScript 1.7

class IntervalComponent extends React.Component {
  constructor(props) {
    super(props)
    this.handleInterval = this.handleInterval.bind(this)
  }

  handleInterval() {
    console.log('boom', this.props.id)
  }

  componentDidMount() {
    setInterval(this.handleInterval, 1000)
  }

  render() {
    return <div> Interval </div>
  }
}

let i = 0
setInterval(function(){
  const element = document.getElementById('container')
  React.render( < IntervalComponent id = {i++} />, element);

  element.innerHTML = '<div>Replaced</div>'
}, 1000)