Flagsmith / Flagsmith/react-navigation-focus-render
Hook and React.memo Version
- 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.