process-table/examples/todomvc/src/component/view.jsx

JavaScript 流程管理机制

import React, { Component } from 'react'
import NewTodo from './newTodo'
import Main from './main'
import Filters from './filters'

export default class View extends Component {
	render() {
		let { isAllCompleted, todos, activeFilter, completedCount, todoCount, process } = this.props
		return (<div>
					<NewTodo process={ process } />
					<Main
						isAllCompleted={ isAllCompleted }
						todos={ todos }
						process={ process } />
					<Filters
						activeFilter={ activeFilter }
						completedCount={ completedCount }
						todoCount={ todoCount }
						process={ process } />
				</div>)
	}
}