Flagsmith / Flagsmith/react-navigation-focus-render

Hook and React.memo Version

Offen
#1 3 Kommentare 0 Reaktionen 1 zugewiesene Person Beansprucht von @kyle-ssg Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
13
Forks
1
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Thanks for your awesome library.
My project can't use react-navigation 5. so I cloned your source as hook version.
I don't know yet how create this with useMemo instead of React.memo.
How about this?

```
import React, { ReactElement } from 'react'
import { useIsFocused } from 'react-navigation-hooks'

type RendererProps = Props & {
isFocused: boolean
}

type IRenderer = React.FC

const Renderer: IRenderer = ({ children, Wrapper }) => {
return Wrapper ? {children} : (children as ReactElement)
}

const MemorizedRender = React.memo(Renderer, (_, { isFocused }) => {
return !isFocused
})

export const FocusRender: IFocusRender = ({ children, Wrapper }) => {
const isFocused = useIsFocused()

return (

{children}

)
}
```

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.