search

monsterooo / blog

and make promises by the hours
MIT License
14 stars 1 forks source link

recompose defaultProps #12

Open monsterooo opened 6 years ago

monsterooo commented 6 years ago

defaultProps 介绍

defaultProps可以为组件增强一个默认属性，类似于withProps，如果组件未传递某个props则默认props会传递给组件。

defaultProps Flow Type

defaultProps(
  props: Object
): HigherOrderComponent

defaultProps 实例

const { compose, defaultProps } = Recompose;
const Foo = compose(
  defaultProps({
    title: "Hello,World"
  }),
)(({ title }) => (
  <div>{title}</div>
))

当Foo组件没有传递title属性时，默认的title属性值'Hello,World'将会传递给组件的props

在线DEMO

在codepen在线预览