React（五）：React在什么情况下会render

React中组件进行render的情况

1、初始化

React在应用初始化的时候，会渲染全部组件，组件的挂载过程见文章《React（三）：组件生命周期》中的介绍。

2、setState()在任何情况下都会导致组件的重新渲染，即使state未发生变化

当一个组件调用了setState()函数时，不论state是否发生了变化，该组件都将被重新渲染。

例如：

import React from 'react';

class Test extends React.Component{

    constructor(props) {
        super(props);
        this.state = {
            strTest:"render测试"      //初始化state中strTest值
        }
    }

    //这里调用了setState但是并没有改变setState中的值
    handleClick = () => {
        const prestrTest = this.state.strTest;
        this.setState({
            prestrTest:this.state.strTest
        })
    }

    render(){
        //当render函数被调用时，打印当前的strTest
        console.log(this.state.strTest)
        return(
            <h1 onClick = {this.handleClick}>
                {this.state.strTest}
            </h1>)