مقدار 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]
    }