react中点击按钮实现元素的显示与隐藏

import React, { Component } from 'react'

export default class

 extends Component {

  state={

    show:true

  }

  f1=()=>{

    this.setState({

      show:!this.state.show

    })

  }

  render() {

    return (

      <div>

        <button onClick={this.f1}>隐藏/显示</button>

方法一

        <h1 style={{display:this.state.show?'block':'none'}}>hello world</h1>

方法二

        {this.state.show?(<div>hello world</div>):(<></>)}

      </div>

    )

  }

}