React ES6 三元运算符

三元运算符

三值运算符是一种简化的条件运算符，比如 if / else。

语法:

condition ? <expression if true> : <expression if false>

下面是一个使用 if / else:

一般方式:

<!DOCTYPE html>
<html>
<body>
<script>
function renderApp() {
  document.getElementById("demo").innerHTML = "Welcome!";
}
function renderLogin() {
  document.getElementById("demo").innerHTML = "Please log in";
}
let authenticated = true;
if (authenticated) {
  renderApp();
} else {
  renderLogin();
}
</script>
<p>尝试将 "authenticated" 变量更改为 false，然后运行代码以查看发生了什么。</p>
</body>
</html>

运行一下

下面是使用三元运算符的相同示例:

使用三元运算符

<!DOCTYPE html>
<html>
<body>
<script>
function renderApp() {
  document.getElementById("demo").innerHTML = "Welcome!";
}
function renderLogin() {
  document.getElementById("demo").innerHTML = "Please log in";
}
let authenticated = true;
authenticated ? renderApp() : renderLogin();
</script>
<p>尝试将 "authenticated" 变量更改为 false，然后运行代码以查看发生了什么。</p>
</body>
</html>

运行一下

React ES6 三元运算符

三元运算符

一般方式:

使用三元运算符

分类导航