文章页正文上
本篇内容主要讲解“react如何删除dom元素”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“react如何删除dom元素”吧! react删除dom元素的方法:1、利用render生命周期来定义一个DOM节点变量;2、通过免费云主机、域名“onClickS(){this.setState({deled:false})}”实现删除dom元素即可。react 删除(隐藏)和增加(显示)元素 DOM节点通常 删除(隐藏)和增加(显示) 很多人用css的display的none样式来实现 这样有个缺点F12直接改样式就可以,非常不安全 我们应该实现真正的删除和增加 但是在react看来也可以叫渲染和不渲染这个组件这个domreact有removeChild方法 但是没有appendChild方法 so我们就只能通过render 结合state方法来更新页面了也就是利用render生命周期来定义一个变量 DOM节点变量然后通过state来更新是否显示的值
importReactfrom'react'; classPage2extendsReact.Component{ constructor(props){ super(props); this.state={ deled:true } this.onClick=this.onClick.bind(this) this.onClickS=this.onClickS.bind(this) } //恢复 onClick(){ this.setState({ deled:true }) } //删除 onClickS(){ this.setState({ deled:false }) } render(){ const{deled}=this.state; varshowMap=''; //三元表达式判断deled的值来更新showMap deled==true?showMap=:showMap=''//这是一张二维码图 return( {showMap} > ) } } exportdefaultPage2;
到此,相信大家对“react如何删除dom元素”有了更深的了解,不妨来实际操作一番吧!这里是云技术网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
本文小编为大家详细介绍“vue如何获取跳转路径参数”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue如何获取跳转路径参数”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 在Vue中进行路由跳转有两种方式:使用vue-router插…
文章页内容下