• 0

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

السلام عليكم، في عملية الupdate للstate اقصد التعديل على محتوى معيّن..

عند الضغط على " التعديل" يجب ان يتحوّل الكلام الى input بداخله القيمة الموجودة في المحتوى..  "toggle"

الذي يحدث أنني عندي اكثر من محتوى يتحول لذلك، أريد التخصيص انني فقط في هذا المحتوى اريد التعديل و شكراً لكم

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

حسب ما فهمت من سؤالك أنك تريد طريقة لجلب بيانات قديمة ووضعها في 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>
  );
}

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن