react里render里面调用方法怎么会疯狂执行？

Question

代码运行后疯狂执行，不知道为什么？或者说有没有更好的写法？

代码如下：

//从父组件接收

componentWillReceiveProps(nextProps) {

        this.setState({

            code: nextProps.capacityBlockIndex

        })

}

request = (str) => {

        console.log("done" + str);  //控制台疯狂的输出

        ajax({

            url: '//api',

            jsonp: 'callback',

            data: {

                'capabilityCode': str

            },

            success: (res) => {

                this.setState({

                    taskArr: res.values

                });

                return;

            },

            error: () => { }

        });

    }

    

    

    render(){

        if(this.state.code === 0){

            this.request('infor_display_ability');

        }

    }

Answer 1

你在render里调用request发起ajax请求 成功后setState然后重新渲染render调用request。。。开始循环

Answer 2

不能在这个生命周期中componentWillReceiveProps做setState操作。这个钩子本身的触发条件就是state,或者props改变就执行，你这样写，肯定会一直相互反复触发的。