react实现div隐藏_React 点击按钮显示div与隐藏div
生活随笔
收集整理的這篇文章主要介紹了
react实现div隐藏_React 点击按钮显示div与隐藏div
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
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`在回調(diào)中起作用
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')
);
總結(jié)
以上是生活随笔為你收集整理的react实现div隐藏_React 点击按钮显示div与隐藏div的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 最小二乘法拟合直线簇交点及Ransac拟
- 下一篇： qsort函数详细讲解，各种用法，妙用