javascript - 当包括胜利图表时, react native slider 变得滞后并且状态值变化最近反射(reflect)出来

标签 javascript reactjs react-native victory-charts react-native-elements

问题是,当我只使用 slider 而应用程序中没有胜利图表时,仅实现 slider ,那么 slider 就没有问题。但是,当我将 slider 与胜利图一起使用时, slider 会滞后,并且状态值更改很晚才会反射(reflect)在屏幕上。

通过屏幕截图/GIF 查看完整详细信息 click here

最佳答案

这是因为您在使用 onChange 拖动时将值发送到状态,并且这将导致每次重新渲染

如果渲染几乎没有什么 react ,但是当渲染更重时,这种情况会变得更加明显。

这可以通过两种方式解决:

  • 管理子组件实现中的更新 componentShouldUpdate() 生命周期回调
  • 只需更新 onSlidingComplete 属性中的状态,而不是 onChange 属性

关于javascript - 当包括胜利图表时, react native slider 变得滞后并且状态值变化最近反射(reflect)出来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56754846/

相关文章:

javascript - react native 返回图像函数

javascript - React Native 连接函数不通过 props 将操作传递给子组件

javascript - "react-native link"到底是做什么的?

ios - 我在使用 npm run ios 命令时遇到错误

javascript - 为链接到文本的图像模式调整 JQuery 代码

javascript - 如何使用 jQuery 将行号添加到代码块?

javascript - 为什么 React.js 在使用标记库时不加载 HTML 代码

javascript - 带有导航的 React-native ListView

javascript - 强制下载文件而不是在浏览器中显示

javascript - 使用 jquery 更改事件选项卡