content: import React, { Component } from 'react';
  import shallowCompare from 'react-addons-shallow-compare'
  import { Input } from 'antd';
  
  import TestBox from './TestBox'
  
  class ControlPanel extends React.Component{
  	shouldComponentUpdate(nextProps) {
          return shallowCompare(this.props.home.text, nextProps.home.text);
      }
  
  
      getChildContext() {
          return {
              testContextType: ()=>console.log('ContextType test success in ControlPanel!')
          }
      }
  
  	render(){
  		
  		return (
  			<div>
  				<Input
  					style={{width: 400}}
  					size="large"
  					value={this.props.home.text} 
  					onChange={this.handleChange.bind(this)} />
  				<br /><br />
  				<TestBox />
  			</div>
  		)
  	}
  
  	handleChange(e){
      	this.props.changeTitle(e.target.value)
      }
  }
  
  
  ControlPanel.childContextTypes = {
      testContextType: React.PropTypes.func
  };
  
  
  export default ControlPanel;