Maison > Questions et réponses > le corps du texte
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粉6701076612024-02-27 15:17:20
Vous recevez 'active' is not Defined
因为您尝试使用 active
作为变量,而不是将其用作 Button
attributs.
Essayez ceci