class MyComponent extends React.Component{ constructor(props){ super(props); }; render(){ return( <div> <h1> My First React Component! </h1> </div> ); } };
class App extends Component { constructor() { super() this.state = { name: "Sally", age: 13 } } render() { return ( <div> <h1>{this.state.name}</h1> <h3>{this.state.age} years old</h3> </div> ) } }
class Welcome extends React.Component { render() { return <h1>Hello, {this.props.name}</h1>; } }
function MyApp() { return ( <div> <ul> <li>Name </li> <li>Place </li> <li>Animal </li> </ul> </div> ) } ReactDOM.render( <MyApp />, document.getElementById('root') );