React_props

 export class props extends Component {

    

    render(props) {

    const{name,lastname}=this.props;

        return (

            <div>

             gud morning everyone{name} {lastname}  

             {this.props.children}

            </div>

        )

    }

}

import GS from './components/st.js';

function App() {

  return (

    <div className="App">

      <T5 name="gaurav" lastname="pandey"> ducat india</T5>

   <GS></GS>

    </div>

class:

export default function clprops(props) {

    return (

        <div>

            {props.name}{props.lastname}{props.children}

        </div>

    )

}

state:

export class st extends Component {

    constructor(props) {

        super(props)

    

        this.state = {

             msg:0

        }

    }

    changeMessage=()=>{

        this.setState(

            {

                msg:this.state.msg+1

            }

        )

    }

//      changeMessage=()=>{

// console.log("button clicked");

//        this.setState(PrevState=>({

           

//            msg:PrevState.msg+1,

//        }))

//     }

    render() {

        return (

            <div>

{this.state.msg}   

<button onClick={()=>this.changeMessage()}> Click</button>             

            </div>

        )

    }

}