Maison  >  Questions et réponses  >  le corps du texte

Comment créer des accessoires conditionnels dans le groupe de boutons Bootstrap dans ReactJS

J'ai useState comme suit :

const [orderStandard, setOrderStandard] = useState("total");

Et en fonction de la valeur de orderStandard, je veux donner des accessoires.

Le code ci-dessous est BootStrap avec ReactJSButtonGroup.

https://react-bootstrap.github.io/components/button-group/#button-toolbar-props

<ButtonGroup
            style={{
              height: 35,
              display: "flex",
              justifyContent: "center",
              alignItems: "center",
            }}
          >
            <Button
              id="order-button"
              variant="light"
              style={{ width: 80 }}
              active
              onClick={() => setOrderStandard("total")}
            >

Ci-dessus, parmi les accessoires de Button, active permet de sélectionner le bouton.

Je l'ai donc défini comme les conditions suivantes.

Mais cela génère une erreur. Message d'erreur : '...'预期.ts(1005)

Donc j'utilise ...

<Button
                  id="order-button"
                  variant="light"
                  style={{ width: 80 }}
                  {...(orderStandard == "total" ? active : null)}
                  onClick={() => setOrderStandard("total")}
                >

Mais quand j'écris le code ci-dessus, il dit que active les accessoires ne sont pas définis.

Comment puis-je le faire ?

P粉010967136P粉010967136258 Il y a quelques jours300

répondre à tous(1)je répondrai

  • P粉670107661

    P粉6701076612024-02-27 15:17:20

    Vous recevez 'active' is not Defined 因为您尝试使用 active 作为变量,而不是将其用作 Button attributs.

    Essayez ceci

     

    répondre
    0
  • Annulerrépondre