加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

reactjs – React propType无法读取undefined的属性

发布时间:2020-12-15 20:43:47 所属栏目:百科 来源:网络整理
导读:使用propTypes验证props会出现以下错误: TypeError: Cannot read property ‘string’ of undefined. TypeError: Cannot read property ‘func’ of undefined. 有问题的代码位于代码段的底部: import React from 'react';import ProjectItem from './Proj
使用propTypes验证props会出现以下错误:

TypeError: Cannot read property ‘string’ of undefined.

TypeError: Cannot read property ‘func’ of undefined.

有问题的代码位于代码段的底部:

import React from 'react';
import ProjectItem from './ProjectItem';

class Projects extends React.Component {

    deleteProject(title) {
      this.props.onDelete(title);
    }

    render() { 
      let projectItems;

      if (this.props.project) {
        projectItems = this.props.project.map(project => {
            return (
                <ProjectItem key={project.title} project={project} onDelete={this.deleteProject.bind(this)}  />
            )
        });
      }

      return (
        <div className="Projects">
          {projectItems}
        </div>    
      );    
    }

}

Projects.propTypes = {
  projects: React.PropTypes.string,onDelete: React.PropTypes.func
}
您需要安装prop-types包,然后添加import语句

从prop-types导入PropTypes;

在你的班级顶部.

The PropTypes have been moved from React to their own package prop-types.

编辑:如评论中所述,这仅适用于React版本15.5及更高版本.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读