Type alias FC<P>

Represents the type of a function component. Can optionally receive a type argument that represents the props the component receives.

See

React TypeScript Cheatsheet

Alias

for FunctionComponent

Example

// With props:
type Props = { name: string }

const MyComponent: FC<Props> = (props) => {
 return <div>{props.name}</div>
}
Copy

Example

// Without props:
const MyComponentWithoutProps: FC = () => {
  return <div>MyComponentWithoutProps</div>
}
Copy