Question

我正在尝试在单击按钮时将引导程序 in 标记的 <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 });
 }

反应状态保持未定义

1 个答案: