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