Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Hook and React.memo Version

オープン
#1 コメント 3 件 リアクション 0 件 担当者 1 名 GitHub で見る

@kyle-ssg がすでに取り組んでいます。

2022年10月13日 から。

評価

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

説明

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<RendererProps>

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

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

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

  return (
    <MemorizedRender isFocused={isFocused} Wrapper={Wrapper}>
      {children}
    </MemorizedRender>
  )
}
主要言語
TypeScript
スター
13
フォーク
1
PR マージ指標
30日以内にマージされた PR はありません

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

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

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

似ている issue

TypeScript の issue をもっと見る

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

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