Skip to content

React 函数式编程

特点

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

回顾下 SCU 和 redux 的一些代码

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

js
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,
  };
};

基于 MIT 许可发布