react在dom中控制按钮显示隐藏

要在React中根据条件控制按钮的[显示](https://geek.csdn.net/educolumn/103ca72607c717122e068b9f06a24df6?spm=1055.2569.3001.10083)和隐藏，可以使用条件渲染（Conditional Rendering）。 例如，如果要在某个状态下[显示](https://geek.csdn.net/educolumn/103ca72607c717122e068b9f06a24df6?spm=1055.2569.3001.10083)按钮，可以在render[[函数](https://geek.csdn.net/educolumn/2319d2a62911adc34b96ea572d8225a2?spm=1055.2569.3001.10083)](https://geek.csdn.net/educolumn/ba94496e6cfa8630df5d047358ad9719?dp_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NDQ0MDg2MiwiZXhwIjoxNzA3MzcxOTM4LCJpYXQiOjE3MDY3NjcxMzgsInVzZXJuYW1lIjoid2VpeGluXzY4NjQ1NjQ1In0.RrTYEnMNYPC7AQdoij4SBb0kKEgHoyvF-bZOG2eGQvc&spm=1055.2569.3001.10083)中使用一个if语句来判断： ```javascript class MyComponent extends React.Component { constructor(props) { super(props); this.state = { showButton: false }; render() { if (this.state.showButton) { return <button>Click me</button>; } else { return <div>No button to show</div>; 在这个例子中，当组件的state中的showButton为true时，渲染一个button元素，否则渲染一个div元素。 你可以根据你的具体需求来修改这个例子。比如，你可以在某个事件触发后修改state中的showButton，从而控制按钮的[显示](https://geek.csdn.net/educolumn/103ca72607c717122e068b9f06a24df6?spm=1055.2569.3001.10083)和隐藏。