Which of the following code is correct, if we want to change this function-based component into a class-based component? Choose among the options below.function App() {  return (    <>      <h1>Hello World!</h1>    </>  )}Aclass App extends React.Component { return () {   return (     <>       <h1>Hello World!</h1>     </>   ) }}Bclass App extends React.Component {   return (     <>       <h1>Hello World!</h1>     </>   )}Cclass App extends React.Component { render() {   return (     <>       <h1>Hello World!</h1>     </>   )   }}Dclass App { render() {   return (     <>       <h1>Hello World!</h1>     </>   )   }}

Which of the following is a class component? A class Welcome extends React.Component { render() { return <h1>Hello, {this.props.name} </h1>; } } const element = <Welcome name="World!" />; ReactDOM.render( element, document.getElementById('root')); B function Welcome(props) { return <h1>Hello, [props.name}</h1>; } const element = <Welcome name="World!" />; document.getElementById('root')); ReactDOM.render( element, C class Welcome extends React.Component { render() { function random(){ return <h1>Hello, {this.props.name}</h1>; } }} const element = <Welcome name="World!" />; ReactDOM.render( element, document.getElementById('root'));

Which of the following is false about Class Based Components?AWhen creating a React component, the component's name must start with an upper case letter.Brender() method is optional while writing a class based componentCconstructor() function in your component will be called when the component gets initiated.DClass based components are stateful components

How do you define a functional component in React?class MyComponent extends React.Componentconst MyComponent = React.createComponentconst MyComponent = () => {}function MyComponent() {}Previous

Which of the following is NOT a feature of React?1 pointFunctional componentsClass-based componentsVirtual DOMMobile application components

How to create a simple component in React?Option 1:class HelloMessage { render() { return ( <div> Hello {this.props.name} </div> ); }}ReactDOM.render( <HelloMessage name="Taylor" />, document.getElementById('hello-example'));Option 2:class HelloMessage extends React.Component { return() { render ( <div> Hello {this.props.name} </div> ); }}ReactDOM.render( <HelloMessage name="Taylor" />, document.getElementById('hello-example'));Option 3:class HelloMessage extends React.Component { render() { return ( <div> Hello {this.props.name} </div> ); }}ReactDOM.render( <HelloMessage name="Taylor" />, document.getElementById('hello-example'));Option 4:class HelloMessage extends React.Component { return ( <div> Hello {this.props.name} </div> );}ReactDOM.render( <HelloMessage name="Taylor" />, document.getElementById('hello-example'));