درخواست توضیح در مورد یک قطعه کد جاوا اسکریپت

مقدار activeBoxes رو تغییر میده، مشخص میکنه که کدوم یکی از box ها باید نمایش داده بشن

به روش های زیر هم میشه این کار رو انجام داد و خروجی یکسانی رو داریم:

this.setState({activeBoxes})

this.setState({activeBoxes: activeBoxes})

به عنوان مثال فرض کنید که state در چنین وضعیتی قرار داره:

    state = {
        boxes: [
            { id: 1, title: 'Box 1' },
            { id: 2, title: 'Box 2' },
            { id: 3, title: 'Box 3' },
            { id: 4, title: 'Box 4' },
        ],
        activeBoxes: [1, 2]
    }

و setState رو فراخوانی می کنیم:

activeBoxes = [1, 2, 3]
this.setState({activeBoxes})

بعد از فراخوانی state داریای این مقادیر هست:

  state = {
        boxes: [
            { id: 1, title: 'Box 1' },
            { id: 2, title: 'Box 2' },
            { id: 3, title: 'Box 3' },
            { id: 4, title: 'Box 4' },
        ],
        activeBoxes: [1, 2, 3]
    }