我有几个组件,我直接想要忽略重新呈现(或对这些组件的任何其他更改),如果商店的某些部分发生更改。如何才能做到这一点?React/Redux:如何在存储更改后忽略重新渲染?
1
A
回答
2
shouldComponentUpdate(nextProps, nextState) {
if ('not rerneder condition') {
return false;
}
}
0
将shouldComponentUpdate函数添加到该组件并返回false。
shouldComponentUpdate() {
return false;
}
0
为了忽略对组件的更新,您应该使用shouldComponentUpdate生命周期方法。这应该在组件类中实现并始终返回false。这里有一个例子:
class CustomComponent extends React.Component {
shouldComponentUpdate() {
return false;
}
render() {
/* ... */
}
}
希望这有助于!
0
除了shouldComponentUpdate
,你可以尝试使用组件的属性key
停止重新呈现。如果预览key
与下一个key
相同,则React不会重新渲染此组件。
+0
你能举一些例子吗? – TechTurtle
+0
'键应该是稳定的,可预测的和独特的。不稳定的键(如Math.random()生成的那些键)将导致许多组件实例和DOM节点被不必要地重新创建,这可能会导致性能下降并丢失子组件中的状态。 github.io/react/docs/reconciliation.html#tradeoffs)。在某些情况下,如多个嵌套组件,它可以工作! –
相关问题
- 1. 在渲染过程中更新存储
- 2. Rails忽略渲染和redirect_to
- 3. 重新渲染标签后保存
- 4. FlatList重新渲染行更改
- 5. 状态改变后更新div渲染
- 6. React组件在状态更改后不重新渲染
- 7. 如何在Redux中更改商店时重新渲染组件?
- 8. 如何在ReactJS的模型更改中触发重新渲染?
- 9. 高阶组件总是重新渲染忽略shouldComponentUpdate
- 10. Django 1.10:更新后渲染ModelForm时,ImageFields在更改后缺失
- 11. 当重新渲染时,React道具只在渲染时更新
- 12. SQL更新忽略重复
- 13. 在JSF渲染后重新加载Anythingslider
- 14. ReactJS不会在setState后重新渲染
- 15. 渲染纹理时忽略alpha?
- 16. jboss在重新启动后忽略requires_new
- 17. Redux状态不更新/重新渲染
- 18. 渲染后的组合框存储
- 19. 如何在内存存储更改后刷新dojo gridx?
- 20. ListView在react-native的状态改变后不会重新渲染?
- 21. React路由器在状态改变后不重新渲染
- 22. Redux不会重新渲染React组件,即使存储已更新
- 23. 在GXT中重新渲染
- 24. 旋转木马2在分辨率更改时重新渲染
- 25. Backbone.marionette在模型更改上重新渲染视图
- 26. 在数据更改时重新渲染Handlebars模板
- 27. React组件不会在状态更改时重新渲染
- 28. 在流星URL更改时重新渲染fullCalendar
- 29. x-editable保存后重新渲染部分保存
- 30. ng-repeat在数组更新后进行了双重渲染
'else {return true}' – jiyinyiyong