记录react中接口一直调用的原因

最新推荐文章于 2023-11-20 10:48:54 发布

zhener09

最新推荐文章于 2023-11-20 10:48:54 发布

阅读量2.1k

点赞数

本文链接：https://blog.csdn.net/sinat_41747081/article/details/103541220

版权

项目运行中遇到react组件接口无限调用的问题，原因是PureComponent的浅比较特性。当对象state改变时，由于对象引用未变，导致组件未重新渲染，进而接口持续执行。解决办法是在调用接口的函数中增加判断，确保值变化时才触发接口请求。

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

项目中遇到一个问题，render里调用了showAccountsService方法，导致getDeligentCustomerAbility里面的接口和getStatus定义的接口一直执行，导致卡死。

class Feature extends React.PureComponent {
	getDeligentCustomerStatus = async () => {
    const {changeId, customerAbility} = this.props;
    const ablityData = await getDeligentCustomerAbility();
    const {panel, customerStatus} = await getStatus({
        changeId,
        changeType: customerAbility[0].changeType,
        panel: 3
    });
    this.setState({
        panel,
        buttonStatus: customerStatus === 1,
        customerAbility: ablityData,
    });
};
showAccountsService = () => {
    const {changeType, ability， changeForm} = this.props; 
    const isDeligentCustomerShow = changeType === 1
        && changeForm && changeForm.indexOf('1') > -1;
    if (isDeligentCustomerShow) {
        this.getDeligentCustomerStatus();
    }
    retu