每当我更改状态变量时，React本机类都会重新渲染

Question

I am new to react-native and I'm working on a music player app. I have a timer to update the value for a progress bar which indicates how much audio has been played.

When I update the timer value my whole class is re-rendered every seconds so I can not handle play, pause, and seek events.

Answer 1

use shouldComponentUpdate to control the re-redering for example if you does not want to render component on Timer change

shouldComponentUpdate(newProps, nextState) {
    if (nextState.timer !== this.state.timer) return false
    return true;
}