TypeScript 返されるオブジェクトの形式を変更したい

実現したいこと

POSTした時のオブジェクトの形がおかしいので、変更したいです

前提

TypeScriptでレビューをPOSTする機能を作成していましたが、オブジェクトの形がおかしいので、有識者の方にご教授いただきたいです

求めるもの

json

1{ user_name: "匿名", content: "xxx" }

現在の形式

json

1 arg: 2 {user_name: "匿名",3 content: "xxx"4 }

該当箇所

Typescript

1..省略2import useSWR, { useSWRConfig } from 'swr';3import useSWRMutation from 'swr/mutation';4 5 6export const RegisterReviewModal: React.FC<Props> = ({ isOpen, onClose, restaurant }) => {7 8 const postReview = async (url: any, data: any): Promise<any> => {9 const response = await client.post(`/restaurants/${restaurant.id}/reviews`, data);10 return response.data;11 };12 13 const { mutate } = useSWRConfig();14 const { trigger, data: review, isMutating } = useSWRMutation(`/restaurants/${restaurant.id}/reviews`, postReview);15 console.log(isMutating);16 17 const onSubmit = async (data: ReviewFormType) => {18 try {19 console.log(data);20 const response = await trigger(data);21 methods.reset();22 console.log(isMutating);23 mutate(`restaurants/${restaurant.id}`);24 } catch (error) {25 console.error(error);26 toast.error('口コミの投稿に失敗しました。');27 }28 };29 30 return (31 <Modal isOpen={isOpen} onClose={onClose} size='medium'>32 <form onSubmit={methods.handleSubmit(onSubmit)}>33...省略 34 <ModalFooter justify='end'>35 <Button color='primary' disabled={isMutating}>36 {isMutating ? '投稿中' : '投稿する'}37 </Button>38 </form>39 </Modal>40 );41};42

最後に

dataの引数の渡し方が悪いのかなとは思うのですが、どのように変更すれば良いのかわかりません。よろしくお願いいたします

コメントを投稿

0 コメント