Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Hook and React.memo Version

Đang mở
#1 3 bình luận 0 reaction 1 người được giao Xem trên GitHub

@kyle-ssg đang làm issue này rồi.

Từ ngày 13/10/2022.

Đánh giá

Issue này chưa được đánh giá.

Mô tả

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>
  )
}
Ngôn ngữ chính
TypeScript
Star
13
Fork
1
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.