[sokytsinolop]

#programowanie #react #typescript

w jaki sposób mogę przekazać typ funkcji do komponentu niżej w hierarchii?

używam react hooks i w komponencie nadrzędnym

1.tsx

export default function x(){
const makeAction = (arg1: number, arg2: string)=>{/*implementation*/}
return

2.tsx

export default function(props: ????){
return

a może źle to robię?

[laki1]

@sokytsinolop:

to ta sama definicja jak masz funkcje wiec (arg1: number, arg2: string) => cokolwiekTamMasz

[leoha]

@sokytsinolop: nie do konca mozna zrozumiec o co Ci chofzi. Czy chcesz uzyskac zeby komponent dwa mogl przyjac jako prop funkcje z 1? Jako prop? jako children? Nie do konca jadno pytanie zsdales IMO

[sokytsinolop]

@leoha: chce przekazać funkcję jako prop i miec ta funkcje otypowaną w subcomponent mogę wyciągnąć makeAction z komponentu i zrobić sobie
export type makeActionFn = typeof makeAction ale nie wiem czy to dobre rozwiązanie?

[sokytsinolop]

@laki1: tresc zawiera tylko login

[leoha]

@sokytsinolop: ale fa funkcja jest tak naprawde komponentem funkcyjnym, cos bardzo dziwnego probujesz zrobic, nie tak to sie robi w Reactcie

[asciiterror]

@leoha: takie coś powinno działać, ale czemu tak w ogóle chcesz?
2.tsx

import { makeAction } from '1.tsx'

export default function(props: { action: typeof makeAction }) { ...

[leoha]

@asciiterror: to nie ja chce

[sokytsinolop]

@asciiterror: no wiem że powinny, w sumie racja może wystarczy je wyciągnąć z funkcji komponentu. dzięki