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

前端之家收集整理的这篇文章主要介绍了reactjs – React propType无法读取undefined的属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用propTypes验证props会出现以下错误

TypeError: Cannot read property ‘string’ of undefined.

TypeError: Cannot read property ‘func’ of undefined.

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

  1. import React from 'react';
  2. import ProjectItem from './ProjectItem';
  3.  
  4. class Projects extends React.Component {
  5.  
  6. deleteProject(title) {
  7. this.props.onDelete(title);
  8. }
  9.  
  10. render() {
  11. let projectItems;
  12.  
  13. if (this.props.project) {
  14. projectItems = this.props.project.map(project => {
  15. return (
  16. <ProjectItem key={project.title} project={project} onDelete={this.deleteProject.bind(this)} />
  17. )
  18. });
  19. }
  20.  
  21. return (
  22. <div className="Projects">
  23. {projectItems}
  24. </div>
  25. );
  26. }
  27.  
  28. }
  29.  
  30. Projects.propTypes = {
  31. projects: React.PropTypes.string,onDelete: React.PropTypes.func
  32. }
您需要安装prop-types包,然后添加import语句

从prop-types导入PropTypes;

在你的班级顶部.

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

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

猜你在找的React相关文章