ant design of react中表格loading如何加?

Question

一般写表格的都加loading状态,如图

我一开的私聊是在请求前,请求后改变,在当页面的写的,

功能实现了.

可是有几十个页面都要写,老大说统一让我写在http.js文件中.我有点懵逼了~
有做过的老哥吗 指点一下

贴一下代码

http.postQs = function postQs(url, data) {
    Spin.setDefaultIndicator(true)
    axios.defaults.headers.common['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
    return requstPost('post', url, qs.stringify(data))
}

function requstPost(method, url, data) {
    setToken();
    return new Promise(function (resolve, reject) {
        axios({
            method: method,
            url: mainUrl + url,
            data: data,
        }).then((res) => {
            const { code, msg, data } = res.data
            if (code === 0) {
                resolve(data);
            } else if (res.data.code === 777777) {
                window.location.href = '/login';
            } else {
                reject(res)
                message.error(msg)
            }
        }).catch((res) => {
            reject(res)
        })
    })
}

Answer 1

没有具体实现过 大概提供一个思路 希望能帮到你
hooks写法中 useState可以结构出state 和 修改state的唯一方法 可以把修改state唯一的方法作为 http方法的实参传入 在http方法内部 resolve的时候使用这个callback去修改 控制loading的状态

类写法的话 可以试试把当前类（当前类的this）作为参数 在http内部 操作类里面的状态 setState （亲测有效，别忘了传递state的key）

例子：