Heim  >  Fragen und Antworten  >  Hauptteil

So erstellen Sie bedingte Requisiten in der Bootstrap-Schaltflächengruppe in ReactJS

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粉010967136P粉010967136258 Tage vor299

Antworte allen(1)Ich werde antworten

  • P粉670107661

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

    您收到 'active' is not Defined 因为您尝试使用 active 作为变量,而不是将其用作 Button 的属性。

    试试这个

     

    Antwort
    0
  • StornierenAntwort