React js + antd Как установить данные в форму?
Есть форма с двумя полями. Есть данные для этих полей (лежат в order).
Теперь эти данные надо раскидать по полям с помощью setfieldsvalue, но запутался.
Как это сделать?
"use client"
import React from 'react';
import { updateOrder, OrderRequest, getOneOrder } from "@/app/Services/service";
import { Order } from "@/app/Models/Order";
import { FormProps, Button, Form, Input, InputNumber, DatePicker, Space } from 'antd';
import { useRouter } from 'next/navigation';
import { useEffect, useState } from "react";
export default function UpdateOrder() {
const [order, setOrder] = useState<Order>();
const router = useRouter();
const id = router.query;
useEffect(() => {
const getOrder = async () => {
const responce = await getOneOrder(id);
setOrder(responce);
};
getOrder();
});
const onFinishFailed: FormProps<OrderRequest>['onFinishFailed'] = (errorInfo) => {
console.log('Failed:', errorInfo);
}
const onFinish: FormProps<OrderRequest>['onFinish'] = (values) => {
updateOrder(id, values);
router.push("/allorders");
}
return (
<div >
<Form
name="basic"
initialValues={{ remember: true }}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
autoComplete="off"
>
<div>
<Form.Item<OrderRequest>
label="City From"
name="cityFrom"
rules={[{ required: true, message: 'Please input city from!' }]}
>
<Input/>
</Form.Item>
<Form.Item<OrderRequest>
label="Adress From"
name="adressFrom"
rules={[{ required: true, message: 'Please input adress from!' }]}
>
<Input/>
</Form.Item>
</div>
<Form.Item label={null}>
<Space>
<Button
type="primary"
htmlType="submit"
>
Сохранить
</Button>
</Space>
</Form.Item>
</Form>
</div >
);
}