React单击按钮div和隐藏div .m-test{width: 100px; height: 100px; 背景色: red; }
classtoggleextendsreact.com ponent {
构造器{
超级用户(props;
this.state={
isToggleOn: true,
dispaly: 'block '
(;
//需要此绑定,以便` this '在回调中工作
this.handle click=this.handle click.bind (this;
}
手动单击()。
this.setstate(prevstate={
isToggleOn: prevState.isToggleOn,
display : prev state.istoggleon? ' none': 'block '
();
}
render () )。
返回(
{this.state.isToggleOn? ' ON' : 'OFF'}
);
}
}
,
文档. getelementbyid (' root ) )。
);