javascript - 您如何为 React 中必需 Prop 的可选子属性默认默认 Prop ？

Question

我有一个必需的对象，但并非所有子对象都是必需的。

例如，这是我正在尝试做的:

import PropTypes from 'prop-types';

const propTypes = {
  bike: PropTypes.shape({
    id: PropTypes.number.isRequired,
    color: PropTypes.string
  }).isRequired
}
const defaultProps = {
  bike: {
    color: 'red'
  }
}

在这个例子中，我试图说自行车对象需要一个 id，但颜色不是必需的，默认情况下为红色。

使用我的 ESLint 规则(AirBnb 的大部分默认设置)，我收到以下错误:

defaultProp "bike" defined for isRequired propType. (react/default-props-match-prop-types)

关于如何正确执行此操作的任何想法？

Answer 1

无论如何，这样做是没有意义的。默认 Prop 进行浅合并，这意味着当您提供自行车 Prop 时，它将覆盖您设置的默认 Prop 。

此外，您是否真的在组件上设置了默认 Prop 和 Prop 类型？