meteor Meteor + React Create reactive container using createContainer
Example
Let's say there's a collection called Todos and the autopublish package is added. Here is the basic component.
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
};
At the bottom, you can add a container to feed the reactive data into the component. It would look like this.
export default createContainer(() => {
return {
data: Todos.find().fetch()
};
}, List);
