坚持使用书本学习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
原文链接：https://www.f2er.com/react/300746.html将您的班级定义更改为：
export default class CheckList extends Component{
