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