如图，类似点击➕会在下面增加一行内容，整个窗口是有最大高度，并且溢出滚动，每次点击增加一行后，需要把滚动条定位到最底部
本来是在增加state数据的函数addNodes中在执行setState中多一条之后，设置元素scrollTop=scrollHeight-clientHeight，但是在视图更新之前，元素增加一条还没有渲染，dom元素的高度其实是没有增加的，计算出的scrolltop不变
然后想要直接增加一个固定一行的高度scrollTop=scrollHeight-clientHeight+46，然而此时视图没有更新，scrollTop超出了当前的元素的最大滚动值，所以是不会生效的，仍然保持在原来
也就是说设置scrolltop的时机必须在元素新增完生成新的元素之后，因此用componentDidUpdate来尝试，判断变化的条件为state中nodes数组刚好增加一个的更新时机，但此时的this.state和prevState其实是一样的
getSnapshotBeforeUpdate中也是一样的，因此找不到判断刚好是新增一行的时候的时机去滚动元素
又查到有scrollIntoView()这个方法，尝试是否可以聚焦新的input来滚动，问题也是在于新增这个动作的时机和定位滚动的时机不是一个地方
定位滚动只能在componentDidUpdate中进行，然而此时setState已经发送，所以没法判断
最后只能在state中加一个辅助变量，isScroll来判断，在新增时设置为true，didupdate中if(isScroll)时设置scrollTop，并且恢复为false
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
