反应 setLoading onClick答案

【问题标题】：React setLoading onClick反应 setLoading onClick
【发布时间】：2022-12-11 11:18:16
【问题描述】：

我有这个功能。

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

我想 setLoad onClick。但是，这样做我也重新呈现页面，并且我丢失了所有表单数据。放入try里面并不会产生预期的效果。

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

任何解决方案？

【问题讨论】：

如果您要提交数据，您应该使用post，而不是get。你是什么做与您提交的数据？（您可以分享表格吗？）您是否将该表格数据保存到状态？
请分享整个组件，请致电handleSubmit()

标签： javascript html reactjs react-hooks

【解决方案1】：

你忘了把event作为函数参数

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

【讨论】：