Props in class component in react js

Props in class component in react js

A. App.js

import './components/common/css/Header.css';
import ClassComponent from './components/ClassComponent/ClassComponent';

function App() {
  return (
    <div className="App">
         <ClassComponent name="Pankaj Kumar Loniya" age="28" />
    </div>
  );
}

export default App;

 

B. ClassComponent.js

import React, {Component} from "react";
class ClassComponent extends Component{

    render(){
        return (
            <>
               <center> {this.props.name} {this.props.age}<br/><br/>
                   <button>Update Stack</button>
               </center>
            </>
        )
    }
}

export default ClassComponent;

 

 

 

Leave a Reply