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

React.js - default prop is not used with `null` is passed(React.js - 默认 prop 不与 `null` 一起使用)

问题描述

我的 React 组件中有默认道具:

I have default props in my React component:

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

但是当我将 null 传递给 bedrooms 时，例如:

But when I'm passing null to bedrooms like:

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

它没有被默认道具取代:(有什么想法吗?

It's not replaced with default prop :( Any ideas?

推荐答案

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

You can change the null value to undefined to use the default value.

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

这篇关于React.js - 默认 prop 不与 `null` 一起使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！