React 函数式编程

特点

• 一种编程范式，概念比较多
• 纯函数
• 不可变值

回顾下 SCU 和 redux 的一些代码

纯函数的最最核心，就是不可变值

onSubmitTitle = (title) => {
  this.setState({
    list: this.state.list.concat({
      id: `id-${Date.now()}`,
      title
    })
  })

  // 为了演示 SCU，故意写错
  // this.state.list.push({
  //   id: `id-${Date.now()}`,
  //   title
  // })
  // this.setState({
  //   list: this.state.list
  // })
}

//----------------

// 创建一个 todo
export const addTodo = text => {
  return {
    type: 'ADD_TODO',
    id: nextTodoId++,
    text
  }
}