我已将 PropTypes 更改为“prop-types”，但在评估 React.PropTypes 时仍然出现错误

Posted 2023-02-21

【中文标题】我已将 PropTypes 更改为“prop-types”，但在评估 React.PropTypes 时仍然出现错误

【英文标题】：I have changed to PropTypes to "prop-types" but still get Error evaluating React.PropTypes

【发布时间】：2020-06-23 06:51:04

【问题描述】：

环境：

操作系统：Linux 5.3 节点：12.16.1 纱线：1.21.1 npm：6.13.4 守望者：4.9.0 Xcode：不适用 android Studio：3.5 AI-191.8026.42.35.5791312

Packages: (wanted => installed)
react: ^16.3.0-alpha.0 => 16.13.0
react-native: 0.55.0 => 0.55.0

"dependencies": 
    "prop-types": "^15.7.2",
    "react": "^16.3.0-alpha.0",
    "react-native": "0.55.0",
    "react-native-parabolic": "~1.1.1",
    "react-native-scrollable-tab-view": "~0.7.1",
    "react-native-swiper": "~1.5.4",
    "react-native-tab-navigator": "~0.3.3"
  

export default class DefaultTabBar extends Component

  constructor()
    super()
  

  static propTypes = 
    goToPage: PropTypes.func,
    activeTab: PropTypes.number,
    tabs: PropTypes.array,
    backgroundColor: PropTypes.string,
    activeTextColor: PropTypes.string,
    inactiveTextColor: PropTypes.string,
    textStyle: Text.propTypes.style,
    tabStyle: View.propTypes.style,
    renderTab: PropTypes.func,
    underlineStyle: View.propTypes.style,
  ;

图片： https://imgur.com/KBwsscf

我该如何解决？

【问题讨论】：

你能显示PropTypes 的导入吗？我猜你导入错了

这里：从 'prop-types' 导入 PropTypes

你有什么理想吗？ @108

导入正确。嗯，你能在node_modules 文件夹中检查包props-types 存在吗？如果仍然无法修复，可以尝试在 Codesanbox 等在线 IDE 中重现问题，并在此处发布项目 URL

@108 我可以给你发github repo吗

【参考方案1】：

你可以使用这个：

import PropTypes from 'prop-types';

class Greeting extends React.Component 
  render() 
    return (
      <h1>Hello, this.props.name</h1>
    );
  


Greeting.propTypes = 
  name: PropTypes.string
;

https://reactjs.org/docs/typechecking-with-proptypes.html

【参考方案2】：

你的问题不清楚。但我认为这是你的问题：

View.propTypes 已弃用。

-> 改为使用ViewPropTypes。

import  ViewPropTypes  from 'react-native';
...

underlineStyle: ViewPropTypes.style,

【讨论】：

Text.propTypes.style 怎么样？

@vuongdingo Text.propTypes.style 仍然被支持

如果错误，我如何检查错误；不显示任何内容。碰巧出现白屏

我能问你一个问题，Proptypes 的目的是什么？我正在测试我在 Github 中下载的一个项目，我正在尝试将其升级到较新版本的 ReactNative。所以我不知道上面的 sn-p 的确切目的是什么。

PropTypes 作为它的名字，是 React 组件 props 的类型检查器