MERN Stack New Batch

import React , { useReducer , useState , createContext , useContext } from "react" ; //===============Part 1================= const initStateValue={ Name : "Sabir" , Contact : "033333444" , Roll : "99494" } ; //==============Reducer===Action==List function SetStudentReducer (state , action) { return { Name :action. name , Contact :action. contact , Roll :action.roll } } //===============Use Reducer========= export function TestReducerComponent () { //===================== const [name , setName]= useState ( '' ) ; const [contact , setContact]= useState ( '' ) ; const [roll , setRoll]= useState ( '' ) ; //=========Use Reducer============ const [state , dispatch]= useReducer ( SetStudentReducer , initStateValue) ; function Update () { dispatch({ name :name , contact :contact , roll }) ; } return ...

  import React , { useReducer , useState } from "react" ; const initStateValue={ Name : "Sabir" , Contact : "033333444" , Roll : "99494" } ; //==============Reducer===Action==List function SetStudentReducer (state , action) { return { Name :action. name , Contact :action. contact , Roll :action.roll } } //===============Component========= export function TestReducerComponent () { //===================== const [name , setName]= useState ( '' ) ; const [contact , setContact]= useState ( '' ) ; const [roll , setRoll]= useState ( '' ) ; //=========Use Reducer============ const [state , dispatch]= useReducer ( SetStudentReducer , initStateValue) ; function Update () { dispatch({ name :name , contact :contact , roll }) ; } return <> <input onChange = {(e)=>setName(e. target . val...