我试图在 ID 达到某个数字后自动禁用按钮，比如 7。代码编译但无法执行，即根据条件禁用按钮。使用 React 和 Tailwind。
<div className="mt-8 mb-16">
<button
id="BTS"
onClick={handlePurchase}
type="button"
disabled={this.id >= 7 }
className="inline-flex items-center ... "
>
Mint me a Marköbot!
</button>
</div>
该应用程序的源代码位于（第 103 行）
非常感谢！
使用您的代码，是this.id指按钮 id 吗？为什么不使用附加状态进行条件禁用？
我看过你的代码，你使用了函数组件，我假设this.id是按钮 id
您可以创建新状态并将该状态用作条件，例如
const [buttonId, setButtonId] = React.useState(null)
return(
<button
id="BTS"
onClick={handlePurchase}
type="button"
disabled={buttonId >= 7 }
className="inline-flex items-center ... "
>
Mint me a Marköbot!
</button>
)
设法解决了这个问题。发现缺少 handleClick 部分，这是内联呈现“this”所必需的。感谢所有提出建议的人。如果您有更简单的解决方案，请分享。
class Toggle extends React.Component {
constructor(props) {
super(props);
this.id = 0;
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
this.setState(prevState => ({
isToggleOn: !prevState.isToggleOn
}));
}
render() {
return (
<button onClick={this.handleClick}
disabled={this.id <= 9 ? true : false}>
{this.id <= 9 ? 'X' : 'Y'}
</button>
);
}
}
ReactDOM.render(
<Toggle />,
document.getElementById('root')
);