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>
)}