reactjs - React.js 处理visibility=hidden 的方式是什么?

标签 reactjs

React 不 support元素的可见性属性。

因此,如果我想在页面上显示或隐藏某个元素,但在隐藏时仍然占用空间,以便布局不会发生变化,我该如何做这样的事情?

<i className="fa fa-trash" visibility={this.state.showButton ? "visible": "hidden"} />

最佳答案

您可以使用 CSS 来实现此目的。

<i className="fa fa-trash" style={{visibility: this.state.showButton ? 'visible' : 'hidden' }} />

详细了解inline styles in React

关于reactjs - React.js 处理visibility=hidden 的方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33667773/

相关文章:

javascript - 我可以使用 setIn 在空数组上创建新索引吗?

javascript - 按解决/执行时间的顺序解决 promise ?

javascript - antd - 具有分页控件的 ant 设计表支持小部件来选择每页的行?

reactjs - React Native 获取 Flatlist 索引

reactjs - React-router-dom History.goBack() 在 Firefox 和 Safari 上不起作用

reactjs - 在操作 redux 后响应路由器重定向

reactjs - 使用 React 通过键盘控制自定义列表组件

css - 如何使用 flexbox 将两个按钮对齐到 'position:absolute' 的 div 的中心?

javascript - React js,为什么当我更改 open 的值时我的组件没有重新渲染?

javascript - 使用 PropTypes 从父类调用方法