javascript - '+ ((visible && "is-active") || "")' 是一个好的做法吗?

标签 javascript reactjs

我正在编写奇特的登录模式,并遇到了一些令人困惑的问题。我需要在 React 中切换模式。并认为这是最优雅的方式。但这安全吗?或者好的做法。

className={ 'modal ' + ((this.state.showLoginModal && 'is-active') || '') } 

我希望这在某些浏览器上不会失败。

最佳答案

使用该语法完全没问题,但我更喜欢使用 ES6 中的刻度和三元运算符:

className={`modal ${this.state.showLoginModal ? 'is-active' : ''}`} 

Explained here.

关于javascript - '+ ((visible && "is-active") || "")' 是一个好的做法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57018801/

相关文章:

javascript - React.js : loading JSON data with Fetch API and props from object array

javascript - ReactJS - 将多个函数作为单个 Prop 传递给子组件

reactjs - 如何在 React-Native 中共享生成的二维码?

javascript - webpack require() 与否? React-hot-loader ES6 还是 jsx?

javascript - Jquery 函数不适用于两种或多种形式

javascript - JS : Call a function after another without touching the original function?

javascript - 将 MySQL 查询结果转换为分层数据 - D3

javascript - React JS 在状态中维护数组

javascript - 当 JavaScript 附加其他节点时,文本节点是否自动附加

getElementById() 的 Javascript 速记语法不起作用