function Welcome(props) { return <h1>Hello, {props.name}</h1>; } function App() { return ( <div> <Welcome name="Sara" /> <Welcome name="Cahal" /> <Welcome name="Edite" /> </div> ); } ReactDOM.render( <App />, document.getElementById('root') );
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') );
class Car extends React.Component { render() { return <h2>I am a Car!</h2>; } } class Garage extends React.Component { render() { return ( <div> <h1>Who lives in my Garage?</h1> <Car /> </div> ); } } ReactDOM.render(<Garage />, document.getElementById('root'));
const element = <div />;