Каков хороший способ частого рендеринга собственных компонентов? - PullRequest
0 голосов
/ 09 сентября 2018

Я пытаюсь создать простой TextView Component с реагировать-нативный, который отображает текущее значение счетчика.

render() {
    return (
        <View style={styles.container}>
            <BoldText style={styles.counterText}>
                Counter: {this.props.counter}
            </BoldText>
        </View>
    );
}

Счетчик увеличивается каждые 10 мс, и TextView перерисовывается правильно.

_startTimer() {
    let timer = require('react-native-timer');
    const interval = 10;
    timer.setInterval("counter interval", () => {
        this.props.incrementCounter(6);
    }, interval);
}

Для обновления реквизита я использовал приставку.

Единственная проблема заключается в том, что эта задача кажется очень интенсивной, поскольку температура моего iPhone быстро повышается. Существует ли менее интенсивный процесс рендеринга компонента на высокой частоте?

...