如何使用 React 隐藏按钮

Question

我是 React 新手，我想在单击后隐藏一个按钮。下面的两个代码段下面是 proptypes。我需要一个 hideSubmit 按钮吗？点击后如何隐藏按钮？我读到我可以通过状态或 CSS 来做到这一点。既然这是一个按钮，那么使用 css 似乎会更容易吗？任何帮助，将不胜感激。

Answer 1

请参阅此小提琴，了解如何有条件地隐藏元素：

https://jsfiddle.net/69z2wepo/77987/

基本概念是在渲染中执行此操作；

  render: function() {
    return (<div>
    {this.state.clicked && <div>Shown or hidden?</div>}
    </div>);
  }

这个想法是，您根据组件状态来决定是否应该渲染任何内容。您操纵强制重新渲染组件的状态。

我认为这是比使用 css 更好的方法，但是 css 也有它的用途。（这可以用于有条件地向元素添加“隐藏”类）