import React, { Component } from 'react';

class App extends Component {
  render() {
    return (

        <p>Hello world! Welcome!! React Tutorials.</p>
         <div id="parent">
            <h1>Header</h1>
            <h2>Content</h2>
            <p>This is the content!!!</p>
         </div>

    )
  }
}
export default App;

Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?

<div>....</div>

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (
        <div>
        <p>Hello world! Welcome!! React Tutorials.</p>
         <div id="parent">
            <h1>Header</h1>
            <h2>Content</h2>
            <p>This is the content!!!</p>
         </div>
         </div>
    )
  }
}
export default App;

Ads