javascript - React.js - 未使用默认属性并传递 `null`

Question

我的 React 组件中有默认的 props:

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} />