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。