本文介绍了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` 一起使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！