How do I use props in React with TypeScript?

How do I use props in React with TypeScript?

To use props in React with TypeScript, you need to define an interface for your props and then use it in your component.

Can you show me an example of that?

Sure! Here's a simple example:

interface MyComponentProps {
  title: string;
  count: number;
}

const MyComponent: React.FC<MyComponentProps> = ({ title, count }) => {
  return <h1>{title} - {count}</h1>;
};

What if I want to make some props optional?

You can make props optional by adding a question mark to the property in the interface:

interface MyComponentProps {
  title: string;
  count?: number;
}

Thanks! Is there a way to set default values for props?

Yes! You can set default values using default parameters in the function:

const MyComponent: React.FC<MyComponentProps> = ({ title, count = 0 }) => {
  return <h1>{title} - {count}</h1>;
};