withProps介绍
withProps
接受一个函数参数,这个函数参数会返回一个对象用作为接下来的组件的props
。与mapProps
不同的是,除了withProps
函数参数返回的props
外,组件接收到的其他参数也将一起被传递
withProps Flow Type
withProps(
createProps: (ownerProps: Object) => Object | Object
): HigherOrderComponent
withProps实例
const ListMap = withProps(({ list }) => {
return {
list: list.map((e) => e + '_withProps')
};
})(List);
// title 也会被一同传递到List组件中
<ListMap list={Item} title="我是一个标题文本!" />
在线DEMO
在codepen在线预览
备注
我至少每周会更新4个左右的api使用指南,欢迎关注