我正在尝试使用新的React在Meteor上构建一个todo应用程序(这基本上就像重新学习Meteor一样)。
无论如何,我正在尝试在此ListBox
React组件之上加载MongoDB数据,并通过this.props.lists
将此数据用作道具,但是当控制台记录this
并导航到道具键,没有道具,我插入到MongoDB的任何东西都出于某种原因显示。
以下是代码:
import React, {PropTypes} from "react";
import {List} from "./list.jsx"
import {Lists} from "/imports/api/database.js";
import { createContainer } from 'meteor/react-meteor-data';
export class ListBox extends React.Component{
_renderTasks(){
return this.props.lists.map((list) => (
<List key={list._id} task={list}/>
))
}
render(){
console.log(Lists.find({}).fetch())
return(
<div class="ui raised very padded text container segment">
<div className="ui inverted segment">
{this._renderTasks()}
</div>
</div>
)
}
}
export default createContainer(() => {
return {
lists: Lists.find({}).fetch()
};
}, ListBox);
我的控制台中没有错误代码。安装了所有软件包,包括react-meteor-data
,用于呈现响应组件的反应数据。