如何为React中所需道具的可选子属性默认默认道具？

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＆＃39;默认设置为大部分），我收到以下错误：

  

defaultProp＆＃34; bike＆＃34;为isRequired propType定义。   （反应/默认道具匹配 - 丙种）

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