Heim > Fragen und Antworten > Hauptteil
Ich habe useState
wie folgt:
const [orderStandard, setOrderStandard] = useState("total");
Und basierend auf dem Wert von orderStandard
möchte ich Requisiten geben.
Der folgende Code ist BootStrap mit 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")} >
Oben unter den Requisiten von Button sorgt active
dafür, dass die Schaltfläche ausgewählt wird.
Also habe ich die folgenden Bedingungen festgelegt.
Aber es wird ein Fehler ausgegeben. Fehlermeldung: '...'预期.ts(1005)
Also verwende ich ...
<Button id="order-button" variant="light" style={{ width: 80 }} {...(orderStandard == "total" ? active : null)} onClick={() => setOrderStandard("total")} >
Aber wenn ich den obigen Code schreibe, heißt es: active
props ist undefiniert.
Wie kann ich das machen?
P粉6701076612024-02-27 15:17:20
您收到 'active' is not Defined
因为您尝试使用 active
作为变量,而不是将其用作 Button
的属性。
试试这个