// Todo.jsx內(nèi)   
//1 傳遞給子組件的回調(diào)函數(shù)，只要有心得內(nèi)容傳遞過來，就更新當(dāng)前的：list。list只要更新，通過props傳遞給TodoList的data就會(huì)更新，DOM就會(huì)新增一個(gè)選項(xiàng)列表
  onAddSubmit(addTitle) {
    console.log("增加了：" + addTitle)
    let addItem = {
      title: addTitle,
      isFinished: false
    }
    this.state.list.unshift(addItem)
    this.setState({ list: this.state.list })
    this._saveToSession()
  }
// 通過props傳遞給子組件（等待使用）
<TodoAdd onAddSubmit={this.onAddSubmit} />

// TodoAdd.jsx
// 2、點(diǎn)擊enter鍵：有值就確認(rèn)增加
  _onKeyUpEnter(e) {
    if (e.keyCode == 13) {
      this.confirmAddItem()
    }
  }
  // 3、失去焦點(diǎn)：有值就確認(rèn)增加
  _onBlurEnter(e) {
    this.confirmAddItem()
  }
  // 4、確認(rèn)增加，調(diào)用父組件的回調(diào)函數(shù)，傳遞參數(shù)
  confirmAddItem() {
    if (this.state.title) {
      this.props.onAddSubmit(this.state.title) //把新增的內(nèi)容通過props傳進(jìn)來的回調(diào)函數(shù)告訴父組件Todo,有新的內(nèi)容來了
      // 置空當(dāng)前
      this.setState({
        title: ""
      })
    }
  }

// Todo.js 父模塊
import TodoAdd from "./TodoAdd"
import TodoList from "./TodoList"
class Todo {
  constructor() {
    this.list = []
    this.TodoAdd = new TodoAdd({
      // 父模塊給子模塊的回調(diào)
      resetList: (content) => {
        if (content) {
          this._updateList(content)
        }
      }
    })
    this.TodoList = new TodoList({
      list: this.list,
    })
  }
  _updateList(content) {
    this.list.push(content)
    // 調(diào)用子模塊的方法更新內(nèi)部列表
    this.TodoList && this.TodoList._getNewList(this.list)
  }
}
module.exports = Todo

// TodoAdd.js 新增子模塊
class TodoAdd {
  constructor({
    resetList,
  }) {
    this.resetList = resetList
  }
  _onSubmit(str) {
    if (str) {
      // 1、告訴父模塊新增了
      this.resetList(str)
    }
  }
}
module.exports = TodoAdd

// TodoList.js 列表子模塊
class TodoList {
  constructor({
    list,
  }) {
    this.list = []
    this._getNewList(list)
  }
  // 3、監(jiān)聽父模塊是否要更新
  _getNewList(newList) {
    this.list = newList
    // 其他操作
  }
}
module.exports = TodoList