React.js - 默认道具不与`null`用于传递

Question

我在我的阵营组件默认道具：

PropertyTitleLabel.defaultProps = { 
    bedrooms: 1, 
    propertyType: 'flat' 
}; 
PropertyTitleLabel.propTypes = { 
    bedrooms: PropTypes.number, 
    propertyType: PropTypes.string 
}; 

但是，当我路过null到bedrooms这样的：

const bedrooms = null; // in real world API returns `null` 
<Component bedrooms={bedrooms} /> 

它不使用默认的道具:(任何想法取代？

Answer 1

您可以null值更改为undefined使用默认值。

<Component bedrooms={bedrooms || undefined} /> 

或者使用这个mixin的：https://github.com/jarsbe/null-default-props

Answer 2

我觉得有null和undefined与defaultProps打交道时即发之间的区别。 null值可能是预期行为，因此不会被您的默认值取代，而undefined不会被替换。

如在文档

表示[...]用于确保如果不是由父组件指定它this.props.value将有一个值。

这是related issue。