recompose withProps

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使用指南，歡迎關注