若在react中启用了按钮，有没有办法不渲染工具提示

Question

我只想在按钮被禁用时显示工具提示。启用该按钮后，我不想显示工具提示。如何做到这一点？

Answer 1

您可以更改状态来管理按钮是否被禁用。如果disabled是true，则title将为空。

import { useState } from 'react';
export default function App() {
const [showTooltip, setShowTooltip] = useState(false);
return (
<div className="App">
<button disabled={showTooltip} title={showTooltip ? "Button ToolTip": ""} >Click Me</button>
</div>
);
}