recompose renameProp renameProps

[monsterooo]

renameProp renameProps 介绍

renameProp renameProps 可以改变指定props的名字，它们的功能类似，renameProp接收两个参数第一个参数为老的props第二个参数为命名后的props。renameProps接收一个对象，其key值为老的props，value为命名后的props。

renameProp Flow Type

renameProp(
  oldName: string,
  newName: string
): HigherOrderComponent

renameProps Flow Type

renameProps(
  nameMap: { [key: string]: string }
): HigherOrderComponent

renameProp renameProps 实例

const { compose, renameProp, renameProps } = Recompose;
const Foo = compose(
  renameProp('title', 'headline'),
  renameProps({ desc: 'description', age: 'old' }),
)(({ headline, description, old }) => ([
  <div>{headline}</div>,
  <div>{description}{old}</div>
]))

在线DEMO

在codepen在线预览