鍍金池/ 問答/HTML/ react 高階組件(HOC)返回的組件在react-developer too

react 高階組件(HOC)返回的組件在react-developer tools 顯示unKnown？

const withLoading = Component => ({ isLoading, ...rest }) =>
    isLoading ? <Loading /> : <Component { ...rest } />
const ButtonWithLoading = withLoading(Button)

render里：

<ButtonWithLoading isLoading={false}>
    More
</ButtonWithLoading>

結(jié)果：頁面展示效果正常 但tools里有異常 詳見下圖

clipboard.png

回答
編輯回答
愛礙唉

你返回的是個(gè)匿名Stateless Component

試一下

const withLoading = Component => function CustomComp({ isLoading, ...rest }) {
  return isLoading ? <Loading /> : <Component { ...rest } />
}
2017年5月2日 05:36