نحوه مقدار دهی به state

سلام در فانکشن زیر :

    function handelChange(e){
    const {target}=e
    setField({
      ...fields,
      [target.name]:target.value
    })

میشه این خط رو توضیح بدید لطفا من متوجه کار کردش نشدم

      [target.name]:target.value

چرا target.name رو گذاشتیم تو براکت

ممنونم

سلام وقت بخیر .

به این خاطر که در اینجا ما می‌خوایم مقدار target.name به عنوان key در state مون جایگزین بشه .

به عنوان مثال فرض کنید شما بخواید مقدار name رو در state تغییر بدید میتونید به صورت زیر عمل کنید :

//...
setField({
   name : "foo"
});
//...

یا به صورت زیر عمل کنید :

let sampleKey = "name";
//...
setField({
    [sampleKey] : "foo"
});
//...

در اینجا چون مقدار key ، dynamic هست از روش دوم استفاده شده .

موفق باشید .

بهترین پاسخ

علیرضا ایمانی ۰۳ مرداد ۱۴۰۱، ۱۷:۵۴