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