Popular posts from this blog
Bootstrap CSS Horizontal Alignment Example
HTML: <div class = "container-fluid" > <div class = "row" > <h2> Bootstrap CSS Horizontal Alignment </h2> <div class = "col-sm-3" ><h2> Col 1 </h2> Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, architecto! </div> <div class = "col-sm-3" ><h2> Col 2 </h2> Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, architecto! </div> <div class = "col-sm-3" ><h2> Col 3 </h2> Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, architecto! </div> </div> <!-- justify-content-end Class --> <div class = "row justify-content-end" > <h2> justify-content-end Class </h2> <div class = "col-s...
useEffect with Condition - React Js
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