.js

import React,{ Component } from "react";


class DisplayName extends Component {
    render() {
        return <h1>Hello {this.props.name}, age is {this.props.age}</h1>
    }
}

export default DisplayName

gistfile1.txt

import React, {Component} from 'react';

import logo from './logo.svg';
import './App.css';
import Header from './Header'
import DisplayName from './DisplayName';

class App extends Component {
  
  // render is a required function of a Component
  // JSX  
  render() {
    return (
      <div>
      <Header />
      <DisplayName name = "John" age="30" />
      <h1>FOOTER</h1>
      </div>
    )
    
  }
}


export default App;