React Container View

React Container View

import {Orders} from 'models'
import {ListOrdersComponent} from 'components'

function setOrderInfo (props, state) {
		return {
		 some: props['some'],
		 info: props['info'],
		 here: props['here'],
		 // ... #props
		}
	}

	const Order = React.createClass({
		// info omited to convience
		getInitialState () {
			return {
				// all order information...
				some: null,
				info: null,
				here: null,
			}
		},
		componentDidMount () {
			this.setState(setOrderInfo)
		},
		create (order) {
			/* Not necessary an use cause, created for sample purposes only */
			let temp = Object.asign({}, order, {
				some: this.state.some,
			})
			this.model.create(temp)
		},
		render () {
			return (
				<ListOrdersComponent 
				model={orders}
				info={this.state}
				orders={this.props.orders}
				create={this.create}
				/>
			)
		},
	})

	const mapStateToProps = ({orders}) => {
		return {
			orders,
		}
	}