react (HOC)返回的组件在react-developer tools 显示unKnown？

Question

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

render里：

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

结果：页面展示效果正常 但tools里有异常 详见下图

Answer 1

你返回的是个匿名Stateless Component试一下const withLoading = Component => function CustomComp({ isLoading, ...rest }) {&nbsp; return isLoading ? <Loading /> : <Component { ...rest } />}