关于state刷新界面的思考

最新推荐文章于 2024-08-19 10:43:19 发布

画虎烂

最新推荐文章于 2024-08-19 10:43:19 发布

阅读量7.3k

点赞数

分类专栏： React Native 文章标签： react native state刷新界面重绘

本文链接：https://blog.csdn.net/it_talk/article/details/52815252

版权

当React Native应用中的state更新时，界面会进行重绘。然而，这可能导致不必要的子组件渲染，浪费性能。通过使用`shouldComponentUpdate`生命周期方法，可以判断组件是否真正需要更新，从而优化渲染过程。文章通过实例探讨了如何利用`shouldComponentUpdate`避免无用的界面渲染，提升应用性能。

摘要由CSDN通过智能技术生成

我们知道当state更新时，界面会重新绘制，render会被执行，但是一个界面包含许多控件，state更新导致界面重绘，那么是否所有的控件都重绘呢？

验证

通过一个点击事件来改变state的值，然后看看界面有什么变化，代码如下：

import React,{Component} from 'react';
import {
    View,
    TouchableOpacity,
    Text,
} from 'react-native';

export default class Test extends Component{

    constructor(props){
        super(props);
        this.state = ({
            count:0,
        });
    }

    _onPress(){
        var count = this.state.count + 1;
        this.setState({
            cou