TypeError: undefined is not an object (evaluating '_react.default.defaultProps.object') - RN

最新推荐文章于 2026-05-16 15:30:58 发布

原创最新推荐文章于 2026-05-16 15:30:58 发布 · 7.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#react native #prop-types

收录于

ReactNative 专栏收录该内容

20 篇文章

订阅专栏

本文解决了一个常见的ReactNative开发问题，即如何从defaultProps迁移到prop-types，以避免TypeError异常。通过详细步骤指导，包括安装prop-types库、引入并替换属性检查方式，帮助开发者顺利过渡。

TypeError: undefined is not an object (evaluating '_react.default.defaultProps.object')

在 ReactNative 项目开发中，起初对组件属性进行检测的时候使用了 defaultProps 属性，但抛出了如上的异常提示

解决办法

将如上 defaultProps 属性替换为 React 中的 prop-types 的属性即可；
注：React 自从 V15.5 版本后将 prop-types 独立分离，所以需要单独引入；

首先，安装 prop-types

npm install --save prop-types

其次，引入 prop-types，此处区分 ES 6 或 ES 5，写法上稍有一些出入
ES 6 方式

import PropTypes from 'prop-types';

ES 5方式

var PropTypes = require('prop-types');

最后，将 defaultProps 的地方替换为 prop-types，在需要的地方调用即可

static propTypes = {
        item : PropTypes.object, 
        width : PropTypes.number,
        height : PropTypes.number,
        backgroundColor : PropTypes.string,
        fontSize : PropTypes.number,
        // item : React.defaultProps.object, 
        // width : React.defaultProps.number,
        // height : React.defaultProps.number,
        // backgroundColor : React.defaultProps.string,
        // fontSize : React.defaultProps.number,
    };

以上便是此次分享的全部内容，希望能对大家有所帮助！