我正在尝试使用react-native构建一个简单的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);
}
为了更新道具,我使用了redux。
唯一的问题是,随着我的iPhone温度快速升高,此任务似乎非常耗费CPU。是否有较少的cpu密集方式来高频渲染组件?