react-条件判断
宁静致远 7/19/2020 react
- if else
- 三元表达式
- 逻辑运算符 && ||
render() {
let flagHtml
if(this.state.flag){
flagHtml = <div>显示</div>
}else{
flagHtml = <div>不显示</div>
}
return (
<>
{/* if else */}
{flagHtml}
{/* 三元表达式 */}
{this.state.flag ? '显示' : '不显示'}
{/* && || */}
{ this.state.name === 'zhangsan' && '张三' }
</>
);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18