Object Assing

import React, { PropTypes } from 'react'

class CoursesPage extends React.Component {

  constructor(props) {
    super();

    this.state = {
      course: {
        title: ''
      }
    }

    // Bindings 
    this.handleChange = this.handleChange.bind(this)
  }


  handleChange(e) {
    // const course = this.state.course;
    // course.title = e.target.value;
    // this.setState({course: course})
    this.setState(Object.assign(
      {}, 
      this.state, 
      {course: Object.assign({}, this.state.course, {title: e.target.value})}
    ))
  }


  render() {
    console.log(this.state.course);
    
    return(
      <div>
        <h1>Courses</h1> 
        <h2>Add Course</h2>
        <input 
          type='text'
          onChange={this.handleChange}
          value={this.state.course.title} />
        <input 
          type='submit'
          value='Save'
          onClick={this.handleSave} />
      </div>
    )
  }
}

export default CoursesPage;