typecast react typescript component class props

Question

Starting with React, Nextjs with typescript

I have the following class which gives an error while accessing avatar and name

Property does not exists on type readonly

How can I typecast the properties properly?

Nicholas Tower · Accepted Answer · 2022-01-22 04:45:24Z

2

React.Component is a generic class. You can specify the props there:

interface AvatarProps {
  avatar?: string;
  name: string;
}

class Avatar extends React.Component<AvatarProps> {

If you leave it out, the default is to assume there are no props.

answered Jan 22, 2022 at 4:45

Nicholas Tower

87k10 gold badges115 silver badges127 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jeffmagma Over a year ago

Is there a way to do this while deconstructing the props? It doesn't seem like React.Component<{ x, y }: CustomProps> works like it does with functional components

Collectives™ on Stack Overflow

typecast react typescript component class props

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related