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
更新: 7/25/2022, 3:15:19 PM