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

它没有被默认属性替换:(有什么 idea 吗?

推荐答案

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

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

Reactjs相关问答推荐

未捕获的类型错误:类型Orbitum创建者未定义

如何使用mui为可重复使用的react 按钮应用不同的风格

在Reaction中更新状态时,我将变得未定义

在Reaction中单击并显示子组件延迟/动画

获取未捕获的错误:Gatsby生产版本上的最小化react 错误#418

Redux工具包-useSelector如何通过Reducer引用InitialState?

Mantine DatePickerInput呈现错误

Mui / Material UI 5:如何从 StaticTimePicker 中删除打开下一个视图/打开上一个视图按钮?

数据表格组件需要所有行都具有唯一的ID属性.或者,您可以使用getRowId属性.

在 CrafterCMS Studio 中拖动字段

onChange in useEffect 的最佳实践

如何实现 redux 工具包来注册用户?

在react 中从外部 api 渲染列表

使用状态与复选框不同步

将props 传递给 NextJS 布局组件

如何在 React map 函数循环中使用
标签

导入样式化组件时未导入组件内容

我应该使用 useEffect 来为 React Native Reanimated 的 prop 值变化设置动画吗?

如何根据react 中的 map 功能一次只打开一个弹出窗口?

NextJs - 如何从站点 map 生成器中删除重复的 URL?