PropTypes React Native 不是对象

IT技术 reactjs react-native native react-proptypes
2021-05-02 20:26:32

我在响应本机我的代码时遇到了 PropTypes 问题：

import React, { Component, PropTypes } from 'react';
import { Text } from 'react-native';

export default class Star extends Component {
    render() {
        return ( <Text> Hello </Text> );
    }
}

Star.propTypes = {
    fullStar: PropTypes.string.isRequired,
    halfStar: PropTypes.string.isRequired,
    emptyStar: PropTypes.string.isRequired,
    half: PropTypes.bool,
    count: PropTypes.number,
    size: PropTypes.number,
}

Star.defaultProps = {
    fullStar: "",
    halfStar: "",
    emtyStar: "",
    half: 'true',
    count: 5,
    size: 30,
}

我的错误是 undefined is not an object (evaluating '_react2.PropTypes.string')

感谢阅读;)

4个回答

PropTypes移动到单独的包中。使用prop-types包。

更多信息在这里。

笔记：

React.PropTypes自 React v15.5 以来已转移到不同的包中。请改用prop-types 库。我们提供了一个 codemod 脚本来自动化转换。

是的，PropTypes 已从版本 15.x 开始弃用，您需要安装该软件包：

npm install prop-types

然后导入它。

import PropTypes from 'prop-types';

如果您遇到此类问题，这将有所帮助。在最新的本机版本（0.58.3）中，项目包含的“react-native-collapsible-bar”包有这个错误

Undefined is not an object(evaluating 'React.PropTypes.oneOf')

我可以发现这个module也有以下依赖项。

"prop-types": "^15.5.10",
"react-native-vector-icons": "^3.3.0"

首先，我在 BarCollapsible.js 中评论了下面的代码

   static propTypes = {
         style: View.propTypes.style,
         titleStyle: Text.propTypes.style,
         tintColor: PropTypes.string,
   }

然后我卸载了 react-native-vector-icons 并用最新版本重新安装，终于摆脱了错误。

有时，如果您安装了任何未使用最新的 react native 更新的节点module，那么您在导入 proptype 的每个 js 文件中都会发生更改

replace
import {PropTypes} from 'react';
with
import PropTypes from 'prop-types';
其它你可能感兴趣的问题
上一篇用于 React 组件的 Babel 7 Unexpected token 下一篇Recharts：设置 X 轴标签边距