react实现div隐藏_React 点击按钮显示div与隐藏div
Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说react实现div隐藏_React 点击按钮显示div与隐藏div,希望能够帮助你!!!。
React 点击按钮显示div与隐藏div
.m-test{width: 100px;height: 100px;background-color: red;}
class Toggle extends React.Component {
constructor(props) {
super(props);
this.state = {
isToggleOn: true,
dispaly: 'block'
};
// 这个绑定是必要的，使`this`在回调中起作用
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
this.setState(prevState => ({
isToggleOn: !prevState.isToggleOn,
display: prevState.isToggleOn ? 'none': 'block'
}));
}
render() {
return (
{this.state.isToggleOn ? 'ON' : 'OFF'}
);
}
}
ReactDOM.render(
,
document.getElementById('root')
);
今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。
上一篇
已是最后文章
下一篇
已是最新文章
