http-response-handler/S.a.d.u/moduals/form/edite.jsx

A comprehensive utility for standardizing HTTP responses in Node.js applications

import React, { useState } from 'react'
import { useNavigate, useSearchParams } from 'react-router-dom'

function Edite() {

    const [parms] = useSearchParams()
    const editeid = parms.get("editeid")

    const getData = JSON.parse(localStorage.getItem("user"))

    const [data, setData] = useState(getData[Number(editeid)])

    const navigate = useNavigate()

    const handleChange = (e)=>{
        const {name ,value} = e.target
        setData({...data, [name]: value})
        setError({...error, [name] : ""})
    }

    const handleSubmmite = () =>{
        if (editeid) {
            getData.splice(editeid , 1 ,data)
            localStorage.setItem("user",JSON.stringify(getData))
            navigate("/list")
        }
    }

  return (
    <div>
        <label>Name</label><br/>
        <input type='text' value={data.name} onChange={handleChange} name='name'/>
        <br/>
        <label>pass</label><br/>
        <input type='password' value={data.pass} onChange={handleChange} name='pass'/><br/><br/>
        <button onClick={handleSubmmite}>sub</button>
    </div>
  )
}

export default Edite