Question

此代码出错：

TyperError：无法读取未定义的属性如何解决这个问题!!!

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

Answer 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
}

如何重新解决此错误？

1 个答案: