React setLoading onClick

Question

我有这个函数

const handleSubmit = async () => {
event.preventDefault();
setLoading(true);

try {
await axios.get('/something');
} catch {
setLoading(false);
};

};

我想要setLoad onClick。但是，这样做还会渲染页面，并且丢失了所有表单数据。

尝试使用useRef，但这并没有使表单数据消失，但加载也没有出现，因为再次:页面不呈现

解决方案吗?

Answer 1

您忘记将event作为函数参数

const handleSubmit = async (event) => {
event.preventDefault();
setLoading(true);

try {
await axios.get('/something');
} catch {
setLoading(false);
};

};