zoukankan      html  css  js  c++  java
  • recompose mapProps 函数指南

    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在线预览

    备注

    我至少每周会更新4个左右的api使用指南,欢迎关注

  • 相关阅读:
    hdu 3832 Earth Hour
    hdu 2112 HDU Today
    hdu 2473 Junk-Mail Filter
    hdu 1558 Segment set
    5-2学习记录|5-3日
    看面经
    2020-5-1学习记录
    2020-4-30学习记录
    2020-4-27学习记录
    4.19日学习笔记
  • 原文地址:https://www.cnblogs.com/monsterooo/p/8710363.html
Copyright © 2011-2022 走看看