因此,这行代码抛出的内容类似于“Failed propType:类型数组预期对象的无效prop”.
为什么会这样?
这是我的JSON:
- "student_records": [
- {
- "program": "PSCI-210","grade": 80
- }
- ]
JSX:
- 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;
它显示正确.经过一些谷歌搜索,我意识到它寻找一个数组,但它实际上是一个对象.我的问题是我不知道如何解决它.如何删除此错误?