【问题标题】:React native class re-renders every time when I change state variable每次我更改状态变量时反应原生类重新渲染
【发布时间】:2019-08-05 12:27:02
【问题描述】:

我是 react-native 的新手,我正在开发一个音乐播放器应用。我有一个计时器来更新进度条的值,该值指示已播放了多少音频。

当我更新计时器值时,我的整个班级每秒钟都会重新渲染一次,因此我无法处理播放、暂停和搜索事件。

【问题讨论】:

  • 嗨@Krrunal 你可以添加一些代码吗?
  • 您的进度条值是否与整个屏幕相同?然后,如果您使用 setState() 更新值,您的整个屏幕将被更新。为了避免你可以为进度条创建另一个组件,它有自己的状态

标签: javascript react-native setstate


【解决方案1】:

使用 shouldComponentUpdate 来控制重新渲染 例如,如果您不想在 Timer 更改时呈现组件

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-01-04
    • 2019-11-19
    • 1970-01-01
    • 2019-04-03
    • 1970-01-01
    • 2021-05-24
    • 1970-01-01
    相关资源
    最近更新 更多