ინტერფეისი FormState { მნიშვნელობები: FormValues; შეცდომები: FormErrors; იტვირთება: boolean; } const [ფორმისსტატუსი, setფორმისსტატუსი] = useState<FormState>({ მნიშვნელობები: { email: '', პაროლი: '', }, შეცდომები: {}, იტვირთება: false, });

ამ კოდში გამოაცხადება FormState ინტერფეისი, რომელიც აღწერს ფორმის მდგომარეობას values, errors და isLoading ველებით. შემდეგ, React-ის useState ჰუკის გამოყენებით, ქმნიან formState მდგომარეობას.

• values შეიცავს ფორმის ველების მიმდინარე მნიშვნელობებს, მაგალითად, ელფოსტა და პაროლი.
• errors არის ობიექტი, რომელიც შეიცავს თითოეული ველის ვალიდაციის შეცდომებს.
• isLoading არის ჩატვირთვის ბილეთი, მაგალითად, ფორმის გაგზავნის დროს.

გამოყენების მაგალითი:

// ელფოსტის ველის მნიშვნელობის განახლება
setFormState(prev => ({
  ...prev,
  values: {
    ...prev.values,
    email: 'user@example.com',
  },
}));

// პაროლისთვის შეცდომის დაყენება
setFormState(prev => ({
  ...prev,
  errors: {
    ...prev.errors,
    password: 'პაროლი ძალიან მოკლეა',
  },
}));

// ჩატვირთვის დაყენება
setFormState(prev => ({ ...prev, isLoading: true }));

ეს მიდგომა საშუალებას აძლევს ცენტრალიზებულად შეინახოთ ფორმის მდგომარეობა და კომფორტულად განაახლოთ ცალკეული ნაწილები, სხვა მონაცემების დაკარგვის გარეშე.