简单描述下需求场景，用react写了一个webapp，有一个列表页面，属于类似微博的类型，上拉加载更多，可以一直拉。
this.state = { feeds: [] }
这个是我的state结构，基础数据可能类似
item = {
username: '用户名',
face: '',
content: '',
date: 'new'
}
```
上面是一个剪短的item
```
tmp = this.state;
tmp.push(item);
this.setState(tmp);
```
基本就是这样吧ajax的数据插入到列表里面，数据少还好，可是，如果state的数据越多，每次插入都会重新渲染，页面就会很卡。
不是操作元素卡，而是每次更新state的时候卡。
请教下各位，如果实现插入更多元素操作呢？但是，需求现在就是类app效果，可以无限加载更多，之前用jquery，可以直接append到dom里面，页面四五千条也不会卡，react，一百来条就卡死了，微信打开，直接吧微信都能搞崩溃。主要是react的重新渲染，会重新便利state有关，研究了几天，无解，哎！
react大部分的性能消耗是在dom渲染。
这种就是没有优化好，render的时候，每条数据有没有单独做一个组件？如果单独做了一个组件，每个组件key设了什么？每个组件内部有没有做shouldComponentUpdate？理论上这些做好的话，每次只会render后加入的item。
另外，还可以做进一步优化，外面放一个空容器，根据state元素的数量计算容器的高度，render方法里只处理当前位置三屏左右（这个可以自己定）的元素，绝对定位到容器内。滚动的时候根据当前滚动高度重新render。
-.-~!!
这样说吧，每个子元素都是react对象，里面一些按钮绑定了事件。
怎么手动操作dom？单纯类似jquery那种方式，操作dom，那个多简单。
问题是，子元素是react对象。
