Как я могу отобрать имя в реляционной таблице параметра Select? ⇐ Javascript

[Anonymous]

Существует ли способ рендеринга первого_name и fast_name в качестве defaultValues ​​ в опции SELECT после получения данных, которые являются реляционной таблицей? реляционная таблица? < /p>
const UpdateNewPaper = () => {

const {data, isLoading} = useGetSinglePaperQuery(id)

const form = useForm({
resolver: zodResolver(UpdateNewPaperSchema),
});

useEffect(() => {
if (data) {
form.reset({
title: data.title || "",
authorId: data.Authors.first_name,
});
}
}, [data, form]);

return (


(
{/* Adjust the width here (e.g., w-64, w-80, w-96) */}


{/* Ensure trigger takes full width of parent */}




{listofAuthors.data.map((author: ListOfAuthors) => (

{author.first_name} {author.last_name}

))}




)}
/>



)

}

< /code>
Это данные, которые я получаю. < /p>
{
"id": "c7a8ef7c-7b66-4536-9ea8-cdf6bf009c6c",
"title": "new",
"authorId": "7e99a9ba-4761-46ab-95f5-d77f2d95e311",
"Authors": {
"id": "7e99a9ba-4761-46ab-95f5-d77f2d95e311",
"first_name": "random",
"middle_name": "random",
}
}

Дополнительная информация:
Фактический UI

или следует изменять метод ответа? Текущий вызов API. < /p>
export async function GET(request: Request,
{ params }: { params: { id: string } }
) {
try {

const authors = await db.publish_Papers.findFirst({
where: {
id: params.id
},
include: {
Authors: true,
}
})
return NextResponse.json(authors, { status: 200 })
} catch (error) {

return NextResponse.json({ error: 'Author not existing' }, { status: 404 })
}
}



Подробнее здесь: https://stackoverflow.com/questions/794 ... onal-table