使用 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);