react学习

66 阅读1分钟

Ant Design

image.png

类组件

  • 对于类组件来说,凡是修改 state 状态数据时,不能直接修改,而是 this.setState({})来操作

概念

单向数据流,提升到父组件中

  • 逻辑组件(容器组件)
  • ui 组件

以 todolist 为例

  • 我们把 input 的 绑定的值放在 父组件,注意 子组件是不能直接修改 props 的,因为这打乱了单向数据流的模式,而是 父组件定义方法,在父组件中修改,但是这个动作是在子组件中调用
  • 另外,react 不是 mvvm 模式的,操作数据,修改视图,父组件中 定义的 state,例如数组,我们需要浅克隆一下,然后进行处理