有条件地更改引导按钮的属性

Question

我有一个引导下拉按钮，如果两个I满足，我希望禁用它。这就是当前按钮的样子。

<>
                                <DropdownButton
                                    title={fixtureDetails.homeTeam?.abbreviation + " End"}
                                    variant="outline-primary"
                                    className="ml-2"
                                    size="sm"
                                    disabled
                                >

这就是我想要达到的目标；

<>
                                    <DropdownButton
                                        title={fixtureDetails.homeTeam?.abbreviation + " End"}
                                        variant="outline-primary"
                                        className="ml-2"
                                        size="sm"
                                       { previousTeamId() == homeTeam ? disabled : "" }
                                        >

Answer 1

我觉得你可以做这样的事

<DropdownButton
        title={fixtureDetails.homeTeam?.abbreviation + " End"}
        variant="outline-primary"
        className="ml-2"
        size="sm"
        isDisabled ={ previousTeamId() == homeTeam ? true : false}
      />

，然后用按钮组件将该道具绑定到禁用它。

<button disabled={PaymentResponse.isDisabled}>
        Check
      </button>