javascript - React/React-Native 订阅 onChange 的最高效方式

Question

我在使用 MPAndroidChart 的包装器 (react-native-charts-wrapper) 时正在做一个 React Native 项目，但我认为这个问题超出了我的用例范围。

在呈现两个图表的组件中，我使用图表 onChange 属性来设置第二个图表的位置，反之亦然，因为它们在相同的时间范围内显示数据(参见 gif)。方法如下:

syncToChart2(event) {
    if (
        event.action === 'chartScaled' ||
        event.action === 'chartTranslated'
    ) {
        let { scaleX, scaleY, centerX, centerY } = event;
        this.chart2Zoom = {
            scaleX: scaleX,
            scaleY: scaleY,
            xValue: centerX,
            yValue: centerY
        };
    }
}

目前，图表与转换的同步速度太慢，如下所示: slow transformation sync

我之前是使用setState来订阅变化，但是比使用MobX observable装饰器慢，效果可以看gif。我仍在寻求改进代码。

所以问题是，订阅经常发生且需要立即反射(reflect)的更改的最佳方式是什么？

Answer 1

可能的解决方案是throttle这类事件(滚动等)