假设有一个名为Todos的集合,并且添加了autopublish包。 这是基本组成部分。
import { createContainer } from 'meteor/react-meteor-data'; import React, { Component, PropTypes } from 'react'; import Todos from '/imports/collections/Todos'; export class List extends Component { render() { const { data } = this.props; return ( <ul className="list"> {data.map(entry => <li {...entry} />)} </ul> ) } } List.propTypes = { data: PropTypes.array.isRequired };
在底部,您可以添加一个容器以将反应性数据输入到组件中。看起来像这样。
export default createContainer(() => { return { data: Todos.find().fetch() }; }, List);