How not to duplicate code with typescript?

Question

I'm defining the following function:

const Text = ({
  align = 'left',
  children,
  className,
  color = 'middleGrey',
  size = 'big',
  light = false,
}: Props) => ()

And as I'm using typescript, I have defined the following interface:

interface Props {
  align: string
  children: ReactNode
  className: string
  color: string
  size?: string
  light: boolean
}

But this makes me write 2 times every property.

Is there a better way to write this kind of code?

Titian Cernicova-Dragomir · Accepted Answer · 2019-02-26 13:19:11Z

5

Unfortunately not. Destructuring syntax does not support specifying type annotations. There is an issue on this topic but it is open and not particularly active.

answered Feb 26, 2019 at 13:19

Titian Cernicova-Dragomir

253k37 gold badges465 silver badges395 bronze badges

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

Collectives™ on Stack Overflow

How not to duplicate code with typescript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related