Inheriting defaultProps from superclass in React

Question

Я думаю, что некоторые props (например, тема) настолько универсальны среди компонентов, что имеет смысл извлечь их обработку (в суперкласс). Затем следует, что их значение по умолчанию также принадлежит.

Однако, каков был бы идиотический способ достичь этого в Реагировании?

class Base extends React.Component { 
    bgColor() { 
    switch (this.props.theme) { 
     case 'Summer': return 'yellow'; break; 
     case 'Autumn': return 'grey'; break; 
     case 'Winter': return 'white'; break; 
    } 
    } 
} 
Base.defaultProps = { 
    theme: 'autumn' 
}; 

---

class Sky extends Base { 
    render() { 
    return <div style={{backgroundColor: this.bgColor()}}>{this.props.clouds}</div>; 
    } 
} 
Sky.defaultProps = { 
    clouds: [] 
}; 

... defaultProps является класса собственности (в отличие от например), и нет наследования.

Answer 1

При назначении Sky.defaultProps вы скрываете базовые. Если вы хотите их комбинировать, вам нужно будет явно сделать это, например.

Sky.defaultProps = Object.assign({}, Base.defaultProps, { 
    clouds: [] 
});