Tryit Editor v3.6 - Show React

index.js

index.html


import React from 'react';
import ReactDOM from 'react-dom';
class Car extends React.Component {
  constructor() {
    super();
    this.state = {color: "red"};
  }
  render() {
    return <h2>I am a {this.state.color} Car!</h2>;
  }
}
ReactDOM.render(<Car />, document.getElementById('root'));


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport"
      content="width=device-width, initial-scale=1" />
    <title>React App</title>
  </head>
  <body>
<div id="root"></div>
</body>
</html>