جاوا اسکریپت، از روش‌های رسیدگی به آرایه‌های واکنش دولت استفاده کنید.

ما اغلب از متغیر نوع آرایه با استفاده می کنیم useState hook in react و به بن‌بستی رسید که متغیر ما آنطور که می‌خواستیم به‌روزرسانی نمی‌شود.

بنابراین در اینجا چند راه وجود دارد –

در نظر گرفتن

const fruits = ["apple", "orange", "grapes", "strawberry"]
const [fruitsState, setFruits] = useState(fruits)

خواندن

برای خواندن داده ها در متغیر به سادگی می توانید بنویسید

<>
    {/* console.log(fruits) */}
    <ul>
        {fruitsState.map((fruit)=>{
            return <li>{fruit}</li>
        })
    }
</ul>
<>

به روز رسانی

برای به روز رسانی عناصر در آرایه

setFruits(setFruitsState.filter((fruit)=> `Lovely, ${fruit}`))

اضافه کردن

setFruits([...newFruit, fruitsState])

حذف

برای حذف عناصر از آرایه

// select a fruit
const deleteFruit = 'apple'
setFruits(fruitsState.filter(fruit => fruit!=deleteFruit))

Enjoy Hacking CRA (ایجاد برنامه واکنش). 😂
مقالات بیشتری در مورد react و کتابخانه های آن بخوانید.

این برای این مقاله تمام شد، امیدوارم چیز مفیدی دریافت کنید. نظرات خود را در مورد این مقاله در شبکه های اجتماعی به اشتراک بگذارید.

بیایید وصل شویم –
توییت تشکر
https://linktr.ee/kunal.dev