تعديل المحتوى في React.js

يجب التوضيح أكثر في سؤالك، أرفق الشيفرة المقصودة لكي أتمكن من مساعدتك 

حسب ما فهمت من سؤالك أنك تريد طريقة لجلب بيانات قديمة ووضعها في form ثم تغييرها والتعديل عليها ثم حفظها ولقد حاولت تقريب العملية لهذا المنطق في الشيفرة في الاسفل

import React, { useState } from 'react';

export default function App() {
  const [data, setData] = useState({ name: 'salah', email: 's@gmail.com' });
  const handleChange = (e) => {
    //هنا المنطق لتغيير input
    setData((prv) => ({ ...prv, [e.target.name]: e.target.value }));
  };
  console.log(data);

  const submit = () => {
    //حفظ البيانات الجديدة
  };

  useEffect(() => {
    //هنا المنطق لجلب البيانلت القديمة ووضعها في الحالة
    const res = getdata();
    setData(res);
  }, []);

  return (
    <div>
      <form onsubmit={submit()} action="">
        <input onChange={handleChange} type="text" name="name" defaultValue={data.name} />
        <input onChange={handleChange} type="text" name="email" defaultValue={data.email} />
        <button type="submit">تعديل</button>
      </form>
    </div>
  );
}