使用React钩子更改对象内部的数组

我有一张表格看起来像,

const virtual_form = {
    name: 'virtual',
    address_info: [
        {
            name: 'a',
            address: '',
        }
    ]
}

我使用这个作为钩子的默认状态

const [virtualForm, setVirtualForm] = useState(virtual_form)

address 字段。

<div className="input-text-wrapper">
    <TextField
        value={virtualForm.address_info.address}
        name="address"
        onChange={(e) => handleAccessInfoChange(e, 'virtual')} />
</div>

就像上面说的。

然而,在我的 handleAccessInfoChange ,

const handleAccessInfoChange = (e, type) => {
    console.log(e.target.name, e.target.value, type)
    switch (type) {
        case 'virtual':
            setVirtualForm({...virtualForm, address_info[0]: [...virtualForm.address_info, address: value] })
    }
}

virtualForm . 上面写着 'address' is not defined no-undef .

地址