import React from 'react';export function App(props) { return ( <div className='App'> <h1>Hello React.</h1> <h2>Start editing to see some magic happen!</h2> </div> );}// Log to consoleconsole.log('Hello console')

import React, { Component } from 'react';  class App extends React.Component {     render() {           return (            <div>                <h1>Default Props Example</h1>              <h3>Welcome to {this.props.name}</h3>               <p>Javatpoint is one of the best Java training institute in Noida, Delhi, Gurugram, Ghaziabad and Faridabad.</p>                    </div>          );      }  }  App.defaultProps = {     name: "JavaTpoint"  }  export default App;  Main.jsimport React from 'react';  import ReactDOM from 'react-dom';  import App from './App.js';    ReactDOM.render(<App/>, document.getElementById('app'));

Hello World! should be enclosed in curly brackets like this {Hello World!}The JSX needs to be inside of a pair of <div> and </div>Component headline should not be exported.class is a reserved word in React/JavaScript and className should be used instead

import React, { Component } from 'react';  class App extends React.Component {   constructor() {        super();              this.state = { displayBio: true };        }        render() {            const bio = this.state.displayBio ? (                <div>                    <p><h3>Javatpoint is one of the best Java training institute in Noida, Delhi, Gurugram, Ghaziabad and Faridabad. We have a team of experienced Java developers and trainers from multinational companies to teach our campus students.</h3></p>               </div>                ) : null;                return (                    <div>                        <h1> Welcome to JavaTpoint!! </h1>                        { bio }                     </div>                );       }  }  export default App;  To set the state, it is required to call the super() method in the constructor. It is because this.state is uninitialized before the super() method has been called.Output

This project was bootstrapped with Create React App.Available ScriptsIn the project directory, you can run:npm startRuns the app in the development mode.Open http://localhost:3000 to view it in your browser.The page will reload when you make changes.You may also see any lint errors in the console.

Observe the below given JavaScript code and predict the JSX equivalent syntax from the given options. const App = () => { return React.createElement("div", null, React.createElement ("h1", {}, "Hello World"), React.createElement("p", null)); } export default App; < div> < h1> Hello World < /h1> < p>null< /p> < /div> < div> < h1> Hello World < /h1> < p> < /p> < /div> < div>null < h1> Hello World < /h1> < p > null< /p> < /div> < div null> < h1> Hello World < /h1> < p null > < /p> < /div>