react.js 버그

현재 프로젝트에 react.js를 적용하면서 발견한 버그를 기록해 놓고자 한다.

1. jquery delegate방식 오류

jQuery(document.body).on('click','.test',function(){
/*

이 방식의 오류 발생은 다른 페이지로 이동 후 되돌아 왔을때 this.mounted()값이 'undefined'로 떨어지면서

setState(render)를 호출하지 못한다.

이벤트 발생 후 setState를 호출하고자 할때는 delegate방식은 피해야 한다.

*/

if(this.mounted()) {
this.setState({list:data});
}

});

2. infinite scroll시 스크롤 위아래를 빠른 속도로 많은 양의 데이터를 보여줄 시 render가 늦어 빈 화면을 보여주는 경우가 있다.

환경 : 안드로이드 크롬

구현: scroll 영역을 translate3d(0,0,0);으로 주어 gpu를 사용하였을 때

데이터 불러오는 개수 : 30개

계속 정리할 예정

정리되면 react 위키에다 정리해서 올릴 예정