How to type react element arguments

I want to take a string like this

const Example = (guid : string) => { ... }

const Example = (guid : string) => { ... }

but when i call it like this it says

 Type { guid: string; } is not assignable to type string

 Type { guid: string; } is not assignable to type string

So i try to use an anonymous class kind of thing

const Example = ({guid : string}) => { ... }

const Example = ({guid : string}) => { ... }

But that's some mess. The following works

const Example = (input : {guid : string}) => { ... }

const Example = (input : {guid : string}) => { ... }

But that is ugly as hell, how do i write that properly ??

4 Replies

Xanacas•2mo ago

react components only have one "parameter" which is props. this means you need to use object connotations. Const example = ({guid, something_else}: {guid: string, something_else: string}) => { } or
Type PropsType= {guid: string, something_else: string} Const example = ({guid, something_else}: PropsType) => { }

Bored StudentOP•2mo ago

const Example = ({guid} : {string}) => { ... }

const Example = ({guid} : {string}) => { ... }

Xanacas•2mo ago

const Example = ({guid} : {guid:string}) => { ... }

Bored StudentOP•2mo ago

thats as annoying as the absence of named arguemnts

Gaming

Programming

How to type react element arguments