本发明的目的是提供一种React可视区域渲染方法及设备，本发明通过将每一条上下级的级联数据中的每一级级联数据对应拆分为一个组件，本发明可以将多级级联数据分拆为对应个组件，很多逻辑可以复用，并且不会有逻辑的混乱。组件之间使用props进行数据通讯，上级组件的数据更新，子组件都可以拿到数据。下级组件的数据更新，可以通过props上的方法通知父组件，便在逻辑解耦的同时，完成数据的双向更新机制，使页面滚动、折叠打开数据时，卡顿、延迟现象得到了缓解。原来的元素的折叠展开有1秒到2秒的延迟，本发明可以缩小到0.2秒到0.5秒的延迟。屏幕的滚动的卡顿也明显少了很多。这种优化效果，在数据量大的情况下，更为明显。