How do I use interfaces in React?

How do I use interfaces in React?

In React, interfaces can be used to define the shape of props or state. You can create an interface and then use it in your component.

Can you show me an example of an interface in a functional component?

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>;
};

What if I want to use interfaces with class components?

You can use interfaces in class components similarly. Here's an example:

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

class User extends React.Component<UserProps> {
  render() {
    const { name, age } = this.props;
    return <div>{name} is {age} years old.</div>;
  }
}