meteor 使用createContainer创建反应容器
示例
假设有一个名为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);