Flagsmith / Flagsmith/react-navigation-focus-render

Hook and React.memo Version

未关闭
#1 3 条评论 0 个 reaction 已指派 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 摘要。