我試圖在表單頂部顯示加載指示器(以覆蓋它),但很難做到這一點......我想在單擊垃圾箱/減號或加號時顯示加載指示器。我正在使用 React.js + MobX。我確實有一個布爾標志,但是很難實現將加載指示器實際放置在表單頂部(不破壞樣式......)購物車源代碼:import React, { useEffect, useContext } from "react";import { Container, Row, Col } from "react-bootstrap";import PromotionalCode from "./PromotionalCode";import { observer } from "mobx-react-lite";import { RootStoreContext } from "../../app/stores/rootStore";import CartBody from "./CartBody";import CartSummary from "./CartSummary";import BasicSpinner from "../../app/common/spinners/BasicSpinner";import Section from "../../app/common/Page/Section";import TextContainer from "../../app/common/Page/TextContainer";const Cart = () => { const rootStore = useContext(RootStoreContext); const { cart, total, discount, subtotal, loadingCart, loadCartOnSignIn, loadGuestCart, isChangingQuantity, } = rootStore.cartStore; const { isLoggedIn } = rootStore.userStore; useEffect(() => { if (isLoggedIn) { loadCartOnSignIn(); } else { loadGuestCart(); } }, [loadCartOnSignIn, loadGuestCart]); if (loadingCart) return ( <div className="mt-5"> <BasicSpinner /> </div> ); return ( <Section className="checkout p-0"> <TextContainer style={{ padding: "2rem 2rem 0 2rem" }}> <h2 className="font-weight-bold">Cart</h2> <p>The competition tickets currently added in the cart.</p> </TextContainer> <Container className="cart pt-0"> {loadingCart ? ( <BasicSpinner /> ) 期望的結果是這樣的:
如何在表單頂部顯示加載指示器?
收到一只叮咚
2023-10-14 18:32:37