React的函数式组件默认参数

如何给函数式组件添加默认prop 参数
更新于: 2021-12-19 12:57:28

方式1(推荐): es6 默认参数方式

const Component = ({ prop1 = false, prop2 = 'My Prop' }) => (
  <div></div>
);

方式2: 给组件上添加静态的 defaultProps

const Component = ({ prop1, prop2 }) => (
  <div></div>
);

Component.defaultProps = {
  prop1: false,
  prop2: 'My Prop',
};