助你完全理解React高阶组件（Higher-Order Components） about blog

[catgu]

写的好棒！一看就明白了,感谢感谢

[liujiusheng]

666.写这么详细。我今天才重构了我的第一篇文章。

[z-9527]

为什么函数里还要套上一层函数？
function wrapWithUsername(wrappedFunc) {
let newFunc = () => {
let username = localStorage.getItem('username');
wrappedFunc(username);
};
return newFunc;
}
这样写不行吗？
function wrapWithUsername(wrappedFunc) {
let username = localStorage.getItem('username');
wrappedFunc(username);
}

不返回一个新的函数，外面怎么调用？

[yanlele]

写的非常的好

[winnieping]

好棒，我也来看啦

[hiquanta]

受教了

[KayneWang]

清晰易懂，感谢分享

[jiangxtx]

讲解通俗易懂，满分！

[LoveofRedMoon]

写的好棒~瞬间理解了

[hu382337381]

不错，通俗易懂

[ly678910]

讲的很赞

[wangqiao66]

666

[wangqiao66]

写的太好了，你这么大神我们加下QQ号吧，日后可以更好的交流3154329581

[wangqiao66]

记得加我啊

[xiaoape]

感谢

[terranc]

喜欢这种不装B的直白描述

[LannyCodes]

挺好的文章！

[leeseean]

厉害

[wanCheng7]

前面用函数做例子后面再引入组件很棒，没有那么多虚头巴脑的名词，浅显易懂，赞！

[wangshuang0]

必须赞，写的太好了

[yelin2016]

666,简单明了，太棒了

[MrLeihe]

很棒

[923427357]

清晰明了，赞~

[EdisonFan]

为什么函数里还要套上一层函数？
function wrapWithUsername(wrappedFunc) {
let newFunc = () => {
let username = localStorage.getItem('username');
wrappedFunc(username);
};
return newFunc;
}
这样写不行吗？
function wrapWithUsername(wrappedFunc) {
let username = localStorage.getItem('username');
wrappedFunc(username);
}

[NewPrototype]

通熟易懂

[DaWeIDaDa]

仔细看，函数里套上一层函数 是为了将内部方法封装并返回。你可以在外部拿到newFunc ，它在什么时候执行有你来决定。 比如 let foo = wrapWithUsername(wrappedFunc) ,foo拿到了 newFunc ，foo什么时候执行有你决定。 下边不嵌套的方式 wrapWithUsername(wrappedFunc) 会直接执行newFunc 内部的方法。

…

------------------ 原始邮件 ------------------ 发件人: "张致豪"<[email protected]>; 发送时间: 2019年9月29日(星期天) 中午11:05 收件人: "brickspert/blog"<[email protected]>; 抄送: "Subscribed"<[email protected]>; 主题: Re: [brickspert/blog] 助你完全理解React高阶组件（Higher-Order Components） (#2) 为什么函数里还要套上一层函数？ function wrapWithUsername(wrappedFunc) { let newFunc = () => { let username = localStorage.getItem('username'); wrappedFunc(username); }; return newFunc; } 这样写不行吗？ function wrapWithUsername(wrappedFunc) { let username = localStorage.getItem('username'); wrappedFunc(username); } 不返回一个新的函数，外面怎么调用？ — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or mute the thread.

[sunlili810]

直白易懂

[ShuhaoBai]

醍醐灌顶

[cll123456]

666

[liancheng-zcy]

不错不错

[Shurangan]

函数 wrapWithUsername (wrappedFunc) { let newFunc = () => { let username = localStorage.getItem('username'); WrappedFunc(用户名); }; 返回新函数； } 这样写不行吗？ function wrapWithUsername(wrappedFunc) { let username = localStorage.getItem('username'); WrappedFunc(用户名); }

您仔细看，返回的是一个回调函数，类似函数柯里化