Choose the correct option when the users button is clicked ?import React, { useState, useEffect } from "react";function App() {    const [type, setType] = useState(null);    const [loading, setLoading] = useState(false);    useEffect(() => {        if (type) {            setLoading(true);            setTimeout(() => {                setLoading(false);            }, 5000);        }    }, [type]);    return (        <div>            {loading ? (                <h1>Loading</h1>            ) : (                <div>                    <button onClick={() => setType("posts")}>Posts</button>                    <button onClick={() => setType("users")}>Users</button>                    <button onClick={() => setType("comments")}>                        Comments                    </button>                </div>            )}        </div>    );}export default App;ANothing will happenB3 seconds after the button is clicked we can see three buttons on the screen.C3 seconds after the button is clicked we can see loading on the screen.Dif posts button had been clicked instead of the users button we would see loading on the screen after 3 seconds.

Consider the below code snippet:function Sample() { const [name,setName] = useState("Jack") const [age,setAge] = useState(20) useEffect(()=>{ console.log("use Effect called") },[age]) return ( <div> <h1>Your Name is: {name}</h1><br/> <h1>Your Age is: {age} </h1><br/> <button onClick={()=>setName("Tom")}>Change Name</button> <button onClick={()=>setAge(age+1)}>Change Age</button> </div> );}How many times the "use Effect called" will be logged to the console when the change Name button and Change Age button is clicked 3 times each?6745

Choose the correct statements about the below code: const [name,setName]= useState('') const [age,setAge] = useState(0) useEffect(()=>{ console.log("useEffect method called") },[age]) useEffect will be called whenever name and age state changes useEffect is invoked once after initial render and then everytime when age state changes useEffect is invoked once once after initial render useEffect is not invoked

How to call the loading function with React useEffect hook only once?

The useEffect() method will run whenever any state of the component changes, when there is no second argument passed to it. Please validate the above statement. True False

Consider Sample component as shown below:​​​​​​​const Sample = () => {        const [age, setAge] = useState(0)  useEffect(()=>{    console.log("use Effect called")  })  return (    <>      <h1>{age}</h1>      <button onClick={()=>setAge(age+1)}>Change Age</button>    </>  )}export default Sample;​​​​​​​How many times “use Effect called” will be logged to the console when the value of age is 77801