【问题标题】:I have changed to PropTypes to "prop-types" but still get Error evaluating React.PropTypes我已将 PropTypes 更改为“prop-types”,但在评估 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吗

标签: javascript reactjs react-native prototype prototypejs


【解决方案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 的类型检查器
    猜你喜欢
    • 2018-03-16
    • 1970-01-01
    • 2019-07-09
    • 2019-06-01
    • 2019-11-29
    • 2017-12-20
    • 1970-01-01
    • 2019-08-06
    • 2021-02-05
    相关资源
    最近更新 更多