我收到此错误：

实际上，我试图在单击按钮时更改按钮文本几秒钟。

这基本上是针对 添加到购物车 按钮的，我想在同一函数中为我的 API 调用保留按钮过程几秒钟。

我的代码：

const AddToCart = async (sku) => {
    this.setState({ buttonText: "Loading..." });
    setTimeout(() => {
        this.setState({ buttonText: "Saved" });
    }, 5000);
  }

  const [value, setvalue] = useState([]);
  const initialState = "ADD TO CART";
  const [buttonText, setButtonText] = useState("ADD TO CART");



 render() {
    return (
        <a onClick={()=>{AddToCart(item.sku)}} className="add-to-cart-btn">
        <i className="fa fa-solid fa-cart-shopping"></i>{buttonText}</a>
    );
 }

My Final code is what I am trying to do.

    const AddToCart = async (sku) => {
    this.setState({ buttonText: "Loading..." });

    const user_id = localStorage.getItem('card_id');
    let product_details = {
      sku_name: sku,
      qty: 1,
      quote_id: user_id
    }

    setTimeout(() => {
        this.setState({ buttonText: "Saved" });
    }, 5000);

    dispatch(useraction.addtocartRequest(product_details));
  }

我是这项技术的新手。任何其他建议也对我有很大帮助。 非常感谢您的考虑！:-)