坚持使用书本学习React的示例代码.抛出以下代码警告:React.createElement:type不应为null,undefined,boolean或number.它应该是一个字符串(对于DOM元素)或一个ReactClass(对于复合组件).检查’卡’的渲染方法.检查过SO(有几个类似的问题),但我无法弄清楚这里有什么问题.
import React,{Component} from 'react'; import {render} from 'react-dom'; import CheckList from './CheckList'; class Card extends Component { render() { return ( <div className="card"> <div className="card__title">{this.props.title}</div> <div className="card__details"> {this.props.description} <CheckList cardId={this.props.id} tasks={this.props.tasks} /> </div> </div> ); } }
CheckList.js
class CheckList extends Component{ render(){ let tasks = this.props.tasks.map((task)=>( <li className="checklist__task"> <input type="checkBox" defaultChecked={task.done} /> {task.name} </li> )); return ( <div className="checklist"> <ul>{tasks}</ul> </div> ); } }
您需要导出CheckList
将您的班级定义更改为:
export default class CheckList extends Component{
原文地址:https://www.jb51.cc/react/300746.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。