visible不能控制显示和隐藏，一直显示在页面

Question

visible不能控制显示和隐藏，一直显示在页面, 我之前都是控制组件的显示隐藏用的，难道控制div就不行吗 。。

Answer 1

1、修改状态不对

this.setState({

    QRList:!this.state.QRList,

})

改成

this.setState(prevState => ({

    QRList: !prevState.QRList

}))

2、你提到的visible应该是别人组件的props，你自己写的话，要用css的visibility来实现或者改成

{this.state.QRList && (

    <div>

        显示的内容...

    </div>

)}