檢查一個 React 組件是否被 forwardRef 包裹

Question

是否有內置方法可以知道組件是否已經用React.forwardRef包裝？

test(React.forwardRef(() => null))

function test(c) {
  const isForwardRef = ???
  if (!isForwardRef) {
    c = React.forwardRef(c)
  }
  // ...
}

Answer 1

使用來自react-is的isForwardRef function 。

import {isForwardRef} from 'react-is'

isForwardRef(c)

https://github.com/facebook/react/blob/d48dbb824985166ecb7b2959db03090a8593dce0/packages/react-is/src/ReactIs.js#L119-L121