How can I use forms in TypeScript?

How can I use forms in TypeScript?

You can use forms in TypeScript by defining interfaces for your form data and using them with React or other frameworks.

Can you show me an example of a form component in React with TypeScript?

Sure! Here's a simple example:

import React, { useState } from 'react';

interface FormData {
  name: string;
  email: string;
}

const MyForm: React.FC = () => {
  const [formData, setFormData] = useState<FormData>({ name: '', email: '' });

  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    setFormData({ ...formData, [e.target.name]: e.target.value });
  };

  const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault();
    console.log(formData);
  };

  return (
    <form onSubmit={handleSubmit}>
      <input name="name" value={formData.name} onChange={handleChange} placeholder="Name" />
      <input name="email" value={formData.email} onChange={handleChange} placeholder="Email" />
      <button type="submit">Submit</button>
    </form>
  );
};

This component manages form state and handles submission.

What libraries can I use to manage forms in TypeScript?

You can use libraries like Formik, React Hook Form, or Redux Form to manage forms in TypeScript effectively.