Flagsmith / Flagsmith/react-navigation-focus-render

Hook and React.memo Version

オープン
#1 コメント 3 件 リアクション 0 件 担当者 1 名 @kyle-ssg が担当を希望しています GitHub で見る
主要言語
TypeScript
スター
13
フォーク
1
PR マージ指標
30日以内にマージされた PR はありません

説明

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}

)
}
```

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。