React-native: `rowHasChanged` 및 ListView 렌더링에 대한 혼동

모두 안녕,

몇 가지 성능 개선 작업을 하는 동안 목록에서 rowHasChanged 가 호출되지 않았다는 것을 알았습니다. 이 목록은 무한 스크롤 목록입니다. 즉, 끝에 도달하면 표시할 더 많은 항목을 가져온 다음 목록에 덤프합니다.

DataSource의 내용을 변경할 때마다 목록의 모든 항목이 업데이트되는 것 같습니다. 모든 행에 대해 shouldComponentUpdate 가 있지만 rowHasChanged 에서 이해한 대로 이 행은 다시 렌더링할 필요가 없습니다.

목록에 항목을 추가하는 방법을 보여주는 간단한 예를 만들었습니다. https://gist.github.com/janmonschke/c9c84b6050683da0c64f

우리가 기본적으로 하는 일은:

constructor() {
  // (...)
  this.ds = new ListView.DataSource({rowHasChanged: (r1, r2) => {
    console.log('rowHasChanged');
    return r1 !== r2;
  }});
  // (...)
}

onEndReached = () => {
  // append data to the end
  setData = [...setData, ...genRandomSet()];
  this.setState({
    dataSource: this.ds.cloneWithRows(setData)
  });
  console.log('onEndReached');
};

render() {
  return (
    <ListView
      dataSource={this.state.dataSource}
      renderRow={this.renderRow}
      onEndReached={this.onEndReached}
    />
  );
}

그러나 rowHasChanged 는 기록되지 않습니다.

어떻게 든 잘못된 방식으로 사용하고 있습니까? ListView에 추가하는 더 좋은 방법이 있습니까?

0.18.0 및 0.19.0 에서 동일한 동작