千锋教育JavaScript全套视频教程(10天学会Js,前端javascrip

三元运算符,a?b:c。如果条件表达式为真,则返回b的值;如果条件表达式为假,则返回c的值。具体流程如下:
- 首先,计算条件表达式的值。如果条件表达式为真,则执行b,并返回其值。
- 如果条件表达式为假,则执行c,并返回其值。
三元运算符在需要根据条件来选择不同取值的情况下非常有用,可以简化代码并增加可读性。
三元运算符一般用在渲染里,例如:
const isLoggedIn = true;
// 使用三元运算符进行条件渲染
const greeting = isLoggedIn ? <h1>Welcome back!</h1> : <h1>Please log in.</h1>;
// 渲染到页面上
ReactDOM.render(greeting, document.getElementById('root'));
上述中我们使用三元运算符根据 isLoggedIn
变量的值来决定渲染哪个 <h1>
元素。如果 isLoggedIn
是真,那么渲染 <h1>Welcome back!</h1>
;如果 isLoggedIn
是假,渲染 <h1>Please log in.</h1>
。最后,将渲染结果传递给 ReactDOM.render
方法,将其渲染到 HTML 中的根元素。
这种方式可以根据登录状态或其他条件来动态渲染不同的组件、元素或文本内容,使界面更具交互性和灵活性。