JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 警告:propType失败:使用React的类型为`array` expected`object`的prop大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
因此,这行代码抛出的内容类似于“Failed propType:类型数组预期对象的无效prop”.

为什么会这样?@H_675_3@

这是我的JSON:@H_675_3@

"student_records": [
      {
        "program": "PSCI-210","grade": 80
      }
    ]

JSX:@H_675_3@

import React,{ PropTypes } from 'react';


const studentRecordPropTypes = {
  studentRecordData: PropTypes.object.isrequired,};

function studentRecord(props) {
    const Records = props.studentRecordData;


  return (
    <div>
        {(Records || []).map(student_records => (
              <ul>
                    <li>{student_records.program} : {student_records.gradE} </li>
              </ul>
            ))}
    </div>
  );
}
studentRecord.propTypes = studentRecordPropTypes;

export default studentRecord;

它显示正确.经过一些谷歌搜索,我意识到它寻找一个数组,但它实际上是一个对象.我的问题是我不知道如何解决它.如何删除此错误?@H_675_3@

解决方法

更改
const studentRecordPropTypes = {
  studentRecordData: PropTypes.object.isrequired,};

至@H_675_3@

const studentRecordPropTypes = {
  studentRecordData: PropTypes.array.isrequired,};

大佬总结

以上是大佬教程为你收集整理的javascript – 警告:propType失败:使用React的类型为`array` expected`object`的prop全部内容,希望文章能够帮你解决javascript – 警告:propType失败:使用React的类型为`array` expected`object`的prop所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。