react 备注

1. React组件中绑定this

由于在JSX中的this不会指向当前对象,所以需要通过bind

参考文章:

  • [译] 为什么需要在 React 类组件中为事件处理程序绑定 this
  • React中为什么要绑定this

2. 受控组件和非受控组件

简而言之,

  • 受控组件
    例如下图,每次都会改变state对应的值


  • 非受控
    跟我们平时在写的表单类似,是将真实数据储存在 DOM 节点中,只有在提交的时候,才会获取表单中的值
  • 如何选择呢?
    根据自己的项目要求,个人理解为,如果要做到实时校验的话,就用受控组件;
    如果表单比较简单的话,就用非受控组件,相对而言,减少了onChange相关的代码量。

参考文章:

  • Controlled and uncontrolled form inputs in React don't have to be complicated

你可能感兴趣的:(react 备注)