redux onCick函数的React状态未更新

eimct9ow  于 2023-03-02  发布在  React
关注(0)|答案(2)|浏览(122)

我正在onClick Func上更新我的状态,但它没有更新,
这是我的州

const [loading, setLoading] = useState(false);

我的OnCLick功能

const handleBookmarkButtonClick = () => {
    setLoading(true);
    //rest code...including an async func
  };

console.log("loading":loading);

我得到输出

Object {loading: false }

我的OnCLick功能

const handleBookmarkButtonClick = () => {
    setLoading(true);
    //rest code...including an async func
};

console.log("loading":loading);

我没说实话

tkclm6bt

tkclm6bt1#

按如下方式创建状态:

const [loading, setLoading] = useState(false);

并像这样更新状态:

const handleBookmarkButtonClick = () => { 
  setLoading(true);
 //rest code...including an async func
 };
azpvetkf

azpvetkf2#

确保:

  • setState不受async函数的影响(尝试在函数中单独调用setState)。
  • 没有其他状态不影响加载状态

相关问题