recompose mapProps

[monsterooo]

mapProps介绍

mapProps函数接收一个函数参数，这个函数参数会返回一个对象用作为接下来的组件的props。组件接收到的props只能是通过mapProps函数参数返回的对象，其他的props将会被忽略

mapProps 实例

const Item = ['a', 'b', 'c', 'd'];
const ListMap = mapProps(({ list }) => {
  return {
    list: list.map((e) => e + '_extends')
  };
})(List);

现在可以调用ListMap组件，并且可以给它传递一个list属性<ListMap list={Item} />，在List组件中获取到的list数组值每个后缀都会被加上_extends字符。并且如果你还有其他额外的props传入会被过滤掉比如<ListMap list={Item} title="hello"/>，在List组件中并不会接收到title属性。

在线DEMO

在codepen在线预览