App.js: import React , { useEffect , useState } from "react" ; import './App.css' import Student from "./Components/Student" ; function App () { const [ data , setData ]= useState ( 10 ) const [ count , setCount ]= useState ( 100 ) return ( <div className = "App" > < Student count = { count } data = { data } /> <button onClick = { () => setCount ( count + 1 ) } > Update Count </button> <button onClick = { () => setData ( data + 1 ) } > Update Data </button> </div> ) } export default App ; ---------------------- Student.js: import React ,{ useEffect } from "react" ; function Student ( props ) { useEffect (() => { alert ( "Count is :" + props . count ) }, [ props . count ]) return ( ...
Comments
Post a Comment