Les états React restent indéfinis

Question

J'essaie de définir le in propriété d'un bootstrap <Collapse> à true en cas de clic sur un bouton. Mais lorsque j'essaie de faire référence à mon is_open son état est indéfini.

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

Peu importe ce que je fais, mon état reste indéfini. Qu'est-ce que je rate ici ?

Answer 1

Vous manquez state

Changez votre code pour être :

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