javascript - React.js-默认 Prop 不与 `null`一起使用

我的React组件中有默认 Prop :

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

它不会被默认的prop代替:(有什么想法吗？

最佳答案

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

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

关于javascript - React.js-默认 Prop 不与 `null`一起使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34809178/