html React集单击时加载

42fyovps  于 2022-12-09  发布在  React
关注(0)|答案(1)|浏览(80)

我有这个功能。

const handleSubmit = async () => {
  event.preventDefault();
  setLoading(true);
  
  try {
      await axios.get('/something');
  } catch {
      setLoading(false);
  };
 
 };

我想setLoad onClick。但是,这样做我也重新呈现了页面,我丢失了所有的表单数据。放在try里面不会产生预期的效果。
尝试使用useRef,但这不会使表单数据消失,但也不会显示加载,原因还是:页面不会重新呈现。
有什么办法吗?

eanckbw9

eanckbw91#

您忘记将event作为函数参数

const handleSubmit = async (event) => {
  event.preventDefault();
  setLoading(true);
  
  try {
      await axios.get('/something');
  } catch {
      setLoading(false);
  };
 
};

相关问题