If we use useState for the following code then which of the following code carry out the same operation that this reducer is doing <button onClick={() => dispatch({type: 'decrement'})}>-</button> <button onClick={() => dispatch({type: 'increment'})}>+</button>A<button onClick={() =>setState(state-1)}>-</button><button onClick={() =>setState(state+1)}>+</button>B<button onClick={() =>setState(-1)}>-</button><button onClick={() =>setState(1)}>+</button>C <button onClick={setState(state-1)}>-</button><button onClick={setState(state+1)}>+</button>D <button onClick={setState(-1)}>-</button><button onClick={setState(1)}>+</button>

Consider the below code snippet:function counter(state = { count: 0 }, action) { const count = state.count switch (action.type) { case 'increase': return { count: count + 1 } default: return state }}var store = createStore();What would be the value of the state if the store.getState() method is invoked?state= {count: 0}state= {count: 1}Error since reducer is not bound to storeNo Output

The counter is passed with the initial value 0 to the reducer and the counter will be incremented by 1 when the increment button is clicked. When clicked on the increment button CallIncrement() function is called. The action file is as shown below /* action file */ function onIncrement(step){ return { type:"INC", step } } export function CallIncrement(){ return (dispatch,getState)=>{ setTimeout(()=>{ console.log(getState()) dispatch(onIncrement()); },3000) } } What value would be logged to the console when the increment button is clicked for the third time? Error because getState() method can be called only using store object 3 2 Error because getState() method cannot be called within middleware function

Which of the following is true regarding Reducers?a. Reducers accept the current state and actionb. Reducers accept only initial statec. Reducers are pure functionsd. Reduces returns the new state to the storeBoth a and cOnly bOnly aa, c and d

Consider the following code Identify the problem with code and choose the correct code from the following this.setState({ counter:this.state.counter+this.props.increment, }) A this.setState([ counter: state.counter+this.props.increment, }) B this.setState([ counter:this.state.counter + props.increment, }) C this.setState((state, props) => ({ counter: state.counter + props.increment, })) D this.setState((state, props) => ({ counter: state.counter+this.props.increment, }))

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