reactjs - react 状态保持未定义

Question

我正在尝试设置 in bootstrap 的属性 <Collapse>单击按钮时标记为 true。但是当我尝试引用我的 is_open 时声明其未定义。

class Graph extends Component {
  constructor(props) {
  super (props);

  this.state = ({
      is_open: false,
  });
 }
  
 click_open = () => {
     console.log(this.is_open); // logs undefined
     this.setState({ is_open: !this.is_open });
 }


 render() {
     return (
          <div className='container>
              <button onClick={this.click_open}>TAB</Button>
              <Collapse in={this.is_open}></Collapse>
          </div>
     )
 })
}

无论我做什么，我的状态都未定义。我在这里缺少什么？

Answer 1

你失踪了 state将您的代码更改为:

 click_open = () => {
     console.log(this.state.is_open);
     this.setState({ is_open: !this.is_open });
 }