作为响应式开发框架React,我们知道他是数据驱动的,但有时候避免不了还是得动用到DOM操作,这个时候我们就可以用到ref;用法如下:

React之ref-LMLPHP

React之ref-LMLPHP

然后这样做有个弊端,当一个 ul 下面的 li 是动态添加的时候,不能通过 this.ul.querySelectAll('li').length 实时捕获;原因剖析,因为 li 动态添加是通过 setState 操作进行的,而 setState 是异步的,所以不能实时获取也实属正常;

好在setState有个回调函数,用法如下:

React之ref-LMLPHP

另:如果同时触发了多次setState,React能把他们合并成一次setState,减少了比对的次数,从而提升性能;

04-20 00:21