Vue - InertiaJS:输入无法输入的对象

Question

在我的道具中，我在加载Vue组件时传递数组"ticket_data“。现在我想用惯性的形式给控制器发个帖子。这也是没有问题的。

我的问题是，我无法从数组中访问单个值.

我的代码：

let props = defineProps({
    ticket_data: Object,
    ticket_messages: Object,
});

let form = useForm({
    text: '',
});

let submit = () => {

    form
    .transform((data) => ({
        data,
        ticket_id: props.ticket_data.ticket_id, // null
        ticket_id: props.ticket_data, // gives all Data see Json
    }))
    .post('/account/user/support/ticket/send', {
        preserveScroll: true,
        onSuccess: () => form.reset('text'),
    });
};

如果我单独提交props.ticket_data，下面的帖子将到达我的控制器：

"ticket_id":[{"user_id":1,"ticket_id":5,"reference":"Testticket","state":0,"author":"Kevin Johnson","text":"..","created_at":"11/04/22 - 19:58"}]}

如果数据带有"props.ticket_data"，为什么我不能使用"props.ticket_data.ticket_id“来访问它呢？

"props.ticket_data.1“也不是那样的.

Answer 1

用这样的身份证买张票：

props.ticket_data.find(ticket => ticket.ticket_id === 5) // <-- ticket id