React 组件导出的二次封装怎么去理解?

#1

render () { 
   let {getFieldProps} = this.props.form;
   return (
   )
}

我在 render()return 之间写了一串代码 为什么在组件导出的时候 (export default 组件名称) 的时候报错, 而 (export default 组件名称 = Form.create({})(件)) 却又正常了?

#2

因为你的这个组件需要被 Form.create({}) 修饰之后才有 this.props.form,不写当然会报错了。。

多看下 ant.design 的文档吧

#3

刚看了,这个叫高阶组件

#4

高阶组件:High order component

比如:redux中的connect()

来自于高阶函数的概念

var addFourNumbers = (a, b, c, d) => a + b + c + d;

var curriedAddFourNumbers = R.curry(addFourNumbers);
var f = curriedAddFourNumbers(1, 2);
var g = f(3);
g(4); //=> 10