How do I use TypeScript interfaces in a React project?

How do I use TypeScript interfaces in a React project?

You can define TypeScript interfaces to type your props and state in React components. Would you like an example?

Yes, please provide an example of a component using an interface.

Sure! Here's a simple example:

interface UserProps {
  name: string;
  age: number;
}

const User: React.FC<UserProps> = ({ name, age }) => {
  return <div>{name} is {age} years old.</div>;
};

This defines a UserProps interface for the User component.

What if I want to use optional properties in the interface?

You can make properties optional by adding a question mark. For example:

interface UserProps {
  name: string;
  age?: number;
}

Now, age is optional!