HTML to JSX Compiler

Live HTML Editor
<!-- Mr Khan -->
<div class="signup" style="border: 1px solid black">
  <label for="name">Enter your name: </label>
  <input type="text" id="name" />
  <label for="email">Enter your email: </label>
  <input type="email" id="email" />
  <label for="password">Enter your password: </label>
  <input type="password" id="password" />
  <button type="submit">Submit</button>
</div>
<p>Enter your HTML here</p>
 
var Component = React.createClass({
  render: function() {
    return (
      <div>
        {/* Mr Khan */}
        <div className="signup" style={{border: '1px solid black'}}>
          <label htmlFor="name">Enter your name: </label>
          <input type="text" id="name" />
          <label htmlFor="email">Enter your email: </label>
          <input type="email" id="email" />
          <label htmlFor="password">Enter your password: </label>
          <input type="password" id="password" />
          <button type="submit">Submit</button>
        </div>
        <p>Enter your HTML here</p>
      </div>
    );
  }
});