【问题标题】:How to resoslve this error? [duplicate]如何解决此错误? [复制]
【发布时间】:2018-02-17 23:01:42
【问题描述】:

此代码给出错误:

TyperError: cannot read property of undefined 如何解决!!!

import React from 'react';

    class App extends React.Component {
        render(){
            return (
                <div>
                  <h1>{this.props.propArray}</h1>
                  <h1>{this.props.propString}</h1>
                  <h1>{this.props.propNumber}</h1>
                </div>
            )
        }
    }

    App.propTypes = {
        propArray : React.PropTypes.array,
        propString: React.PropTypes.string,
        propNumber: React.PropTypes.number
    }

    App.defaultProps = {
        propArray :[1,2,3,4,5],
        propString: "uthej",
        propNumber: 69.
    }
    export default App;

enter image description here

【问题讨论】:

    标签: reactjs


    【解决方案1】:

    来自react-docs

    自 React v15.5 以来,React.PropTypes 已移至不同的包中。请改用 prop-types 库。

    你需要导入prop-types包来消除这个错误。

    import PropTypes from 'prop-types';
    
    App.propTypes = {
            propArray : PropTypes.array,
            propString: PropTypes.string
    }
    

    【讨论】:

      猜你喜欢
      • 2020-07-07
      • 1970-01-01
      • 1970-01-01
      • 2017-01-14
      • 2021-11-29
      • 2012-05-14
      • 2014-09-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多